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مقدمة 

لقد كان الإنسان منذ فجر الوجود قادراً على البحث والتأمل فيما خولة معتمداً 
على ردود فعله وغرائزه تجاه الطبيعة» وحاول أن يستنبط التصورات الأولية حول 
مفهوم وجوده» فقد نظر إلى الطبيعة من حوله وحاول تفسير ظواهرها اعتماداً على 
الخبرة الأولية التي تكونت لديه نتيجة لتكرار ردود فعله تجاه حدث معين» مما حداه 
إلى تطوير طرق تأثره بهذه الأحداث فحاول التعبير عنها بشكل عملي ولم يكتف 
بمجرد ردة الفعل البسيطة التي تعتمد على الغريزة. 


مع مرور الزمن أصبح لدى الإنسان طرقه الخاصة للتعبير عن ظواهر الطبيعة 
وتفاعله معهاء وما أن بدأ الإنسان بالسيطرة على هذه الظواهر حتى أصبح بإمكانه 
الحكم على مقدرته من خلال التجربة التي عبّر عنها سلفاً؛ لقد تكونت لديه لغة 
خاصة بالتعبير» وعرف أنه يستطيع فرض مزيد من السيطرة على الطبيعة عن 
طريق ذلك الحوار المعقد بينه وبين مكنونات الطبيعة. 


مع بدء استيطان الإنسان للطبيعة كان لا بد له من البحث عن طرق جديدة 
للتعبير عن قوته التي هزمت المطر والسيول والرياح» وكان لا بد من التفكير في 
أن هناك قوىّ خفية وراء هذه الظواهرء فيما بعد تطور مفهوم النظرة للطبيعة على 
أنها موجودة لخدمته في حال أنه تمكن من إرضائها أو التغلب عليها على حد 


ا 


هل كان السر إذن هو قوة التعبير؟ هل تجيبنا الرسومات الأولية في كهوف 
العصر الحجري عن هذا السؤال؟ أم تجيبنا قوة التصاميم في بلاد وادي الرافدين 
ووادي النيل؟ تلك الأقوام التي وصلت مرحلة متقدمة في مناهج التعبير عن الحياة 
والدين وحتى التعبير عن ما بعد الموت. لقد اتبعوا منهجاً معيناً في تزيين معابدهم 


وقصورهم وقبورهم بأشكال صممت خصيص ا لمحاكاة أفكارهم حول الظواهر 
الطبيعية المختلفة؛ من هنا نستطيع الإقرار بكل جزم أن التصميم ليس وليد النهضة 
الأوروبية أو الثورة الصناعيةء بل هو موجود منذ الأزل وسيبقى مستمراً للأبد طالما 
أن الإنسان يعيش على هذا الكوكب ويتأثر بالأحداث اليومية ويتفاعل معها. 


من خلال تلك السطور الفلسفية وبتجريد المنطق الإبداعي لمعاني التعبير عن 
الذات والطبيعة؛ نستطيع القول بأن التصميم ببساطة يعني منهج التعبير عن أفكار 
معينة باستخدام الوسائل البصرية» فهذه العملية أشبه بترجمة الأحاسيس الداخلية 
لذئ التخكن عن طرق اشستعمال: الأشكال' المحودة المستقاه مين 'الطبيعة طم 
علاقات معينة متل (الوحدة» التوازن» والإيقاع...). 


التصميم يحاكي الرؤية أو بتعبير آخر 'الإبصار" فالمصمم يعي تماما أن 
الفكرة التي يريد إيصالها للناس عن طريق تصميم معين يجب أن 'يراها" الناس» 
إذن فالتصميم يتعامل مع العين مباشرة» ومن ثم يتكون الإحساس بجماليات 
الأشكال الموجودة داخل التصميم لدى المشاهدء فنحن لا نستطيع تسمية "الإعلان 
الإذاعي" تصميماًء وفي الوقت نفسه يمكننا إطلاق تسمية 'تصميم' على الإعلان 
التلفزيوني» فحتى الحركات التي يقوم بها الممثلون في الإعلان التلفزيوني هي 
مستقاة من الطبيعة وموظفة في الإعلان لتعبر عن فكرة معينة. 


للتصميم أهمية كبيرة في حياة الناس لما له من دور هام في توفير احتياجات 
المجتمع من منتجات فنيه من شأنها أن تخاطب ذوق كل أفراد المجتمع ومستهلكيه 
حسب اختلاف أعمارهم ومستواهم الاجتماعي والثقافي» ويهدف التصميم بالدرجة 
الأولى إلى تحقيق الرفاهية والناحية الجمالية» فبعض المصممون يرون أنفسهم 
كفنانين بينما آخرون يُفضّلونَ اعتبار أنفسهم أشخاصاً لهم القدرة الإبداعية على حل 
المشياكن: 


يهدف التصميم عن طريق البحث المستمر إلى إيجاد حلول مناسبة للمشاكل 
التي قد يواجهها الناس في حياتهم العادية اليومية» فالتصميم الصناعي مثلآً -وهو 
أحد فروع التصميم المهمة- يتعلق بتنفيذ تلك الأفكار التي تتكون لدى المصمم 
لإيجاد حلول لمشاكل قد تواجه الناس نتيجة الجلوس على كراسي غير مريحة 
للظهر؛ وظيفة المصمم هنا هي البحث والتفكير بتصميم جديد يتناسب والحاجات 
الفيزيائية للجسم» إذن فالمصمم يجب أن يعرف تماماً حجم المشكلة وأبعادهاء ومن 
ثم يترك العنان لخياله لينتج حلا مناسباً عن طريق طرح فكرة معينة باستخدام 
العناصر المختلفة للتصميم من خطوط وأشكال وألوان تجذب العين وتخاطب العقل. 


تنحصر مهمة مصمم الإعلانات التجارية في إيصال فكرة معينة للناس ومحاولة 
إقناعهم بهاء فعند الإعلان عن منتج أو سلعة معينة سيحاول المصمم استخدام 
الأشكال والخطوط والألوان معاً في إطار يعبر فيه عن مزايا هذه السلعة» قد 
يختصر المصمم تلك الفكرة في صورة ما واضافة جملة معبرة» وقد يضع الكثير من 
العناصر؛ الكم ليس مهما بقدر الكيف. 


لقد اختار المصمم منهج التفاعل القريب من الناس والبقاء على مقربة من 
مشاكلهم وهمومهم للتعبير عنها في صورة تتميز بالجمالية؛ فهو بذلك يستمتع بهذا 
التفاعل في جميع حالاته» فنحن عادةً لا نذهب لمعارض التصميم الجرافيكي» حيث 
أننا نكتفي بالنظر حولنا في أي مكان لنرى العديد من الأمثلة على التصميم. ذلك 
هو التصميم؛ عالم كبير من مكونات الجمال والذوق» ومرآة تعكس الحضارة 
والرقي. 


التصيل الأول 
تاريخ التصميم الجرافيكي 


الفصل الأول: تاريخ التصميم الجرافيكي 


التصميم الجرافيكي قديم قدم الإنسان» ونستطيع إدراك ذلك من خلال الرسوم 
والمنحوتات التي وصلتناء والتي تعود إلى فترة ما قبل التاريخ حيث كانت بدايتها 
الفنية لا تقوم إلا بنازع عفوي» وأكثر الأحيان يكون دافعها ناتجاً لما يراود تفكير 
الإنسان في تلك الفترة من غموض تجاه ظواهر الطبيعةء فتكون كما لو أنها طقوس 
دينية واشارات سحرية وتماثيل بشكل رموز أو آلهة لتقديسها وعبادتهاء ولكي تحميهم 
من الشرور التي تحيط بهم من ظواهر طبيعية وحيوانات مفترسة. 


إن أكبر دليل على أن التصميم قديم قدم الإنسان هو الاكتشافات الأثرية لكهوف 
"لاسكو" في الجنوب الغربي لفرنساء وهي سلسلة معقدة من الكهوف تحتوي على 
الكثير من رسومات الحيوانات على جدرانهاء ويقدر عمر هذه الرسومات 16000 
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رسومات على جدران كهوف لاسكو 


إن هذه الرسوم والأشكال التي كان يستخدمها الإنسان القديم في تمييز الأشياء 
وتعريفها قد تطورت مع الزمن وأصبحت السبب الأول في ظهور الكتابة؛ هذا 
الاكتشاف العظيم الذي أدركه الإنسان من خلال التعايش مع الطبيعةء والصراع 
الذي كان يعيشه مع الظواهر الطبيعية واختلاف أحوالهاء والتغيير الذي تمارسه عبر 
ل ا 


كان السومريون أول من استخدم الصور للدلالة على الأشياءء وذلك باختراعهم 
للكتابة المسمارية عام 3000 قبل الميلاد(')؛ والتي اعتبرت الشرارة الأولى لظهور 
فن التايبوغرافي "خطوط الطباعة" فيما بعد.(”) 





() سميت بهذا الاسم للتشابه بين طريقة الكتابة وشكل المسمار. 

(2) أول كتابة تم التعرف عليها هي الكتابة السومرية والتي لا تمت بصلة إلى أي لغة معاصرة. 
بحلول عام 2400 قبل الميلاد تم اعتماد الخط المسماري لكتابة اللغة الأكدية» كما استعمل نفس 
الخط في كتابة اللغة الآشورية واللغة البابلية» وهي كلها لغات سامية مثل اللغتين المعاصرتين 
العربية والعبرية. وتواصل استعمال الخط المسماري للكتابة في لغات البلاد المجاورة لبلاد ما بين 
النهرين مثل لغة الحطيين واللغة الفارسية القديمة» واستعملت إلى نهاية القرن الأول الميلادي. 
وتم فك رموز الخط المسماري في العصر الحديث أي القرن التاسع عشر وبذلك تسنى لعلماء 
العصر قراءة النصوص الإدارية والرياضية والتاريخية والفلكية والمدرسية والطلاسم والملاحم 
والرسائل والقواميس. ويوجد حوالي 130000 لوح طيني من بلاد الرافدين في المتحف البريطاني. 


لقد اشتهر السومريون بمهارتهم بالفنون بوجه عام والنحت على وجه 
الخصوص» وكان أقدم تحاتيهم تجريديين وانطباعيين. لقد كانوا من أمهر 
المصممين؛ فهم أول من جمع بين الكتابة والصور في أعمالهم الفنية حيث كان 
لكل صورة رمز معين» فكان الإطار العام للتصميم معبرا وبقوة عن مكنونات 
الإنسان السومري.(') 





جدارية نحت بارز من العصر السومري 


وتذكر المصادر التاريخية أن أقدم عمل في التاريخ تم فيه مزج الكتابة مع 
الصور المنحوتة هو النصب التذكاري (5401211126121 81311 116) من العصر 
السومري المبكر. 


(') زهير صاحبء وسلمان الخطاط - تاريخ الفن القديم في بلاد وادي الرافدين -بغداد- 1987. 





لوح النصب التذكاري (1101111261]1 81311 116) - 3100 ق.مء المتحف الانجليزي» لندن 


لقد كان يجري قديما الختم بالحجر وهذا يعتبر أقدم طرق الطباعة التي عرفت 
لدى البابليين وغيرهم» وكانت تستعمل هذه الأختام للإستغناء عن التوقيع على 
المستندات والوثائق والمعاهداتء أو أنها اعتبرت كرموز دينية في كثير من 
الأحيان. وكانت الوسيلة أختام أو طباعة ليبصم بها فوق الطين أو من الحجر 
بخدش أو نقش سطحه. وكان الختم عبارة عن حجرة دائرية تغمس في الصبغة 
السائلة أو الطين ومن ثم يوضع فوق سطح ناعم ومستو لطبع ماكتب عليه كصورة 
متطابقة عكسياً.(') 





الأختام الأسطوانية من الفترة السومرية 


اکان رات اکن کے العراق. القديمه ترحمة حيسى ساماق وسليم .طلله التكريقي» داد 
75. 
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لقد تم استعمال الأختام الطينية المنقوشة بتصاميمها البسيطة لأول مرة منذ سنة 
0 ق.م. في بلاد السومريين؛ وهو الوقت الذي تزامن مع اختراع الكتابة» وكانت 
هذه الأختام تطبع على الأبواب المخصصة لحيازة وحفظ السلع» كما تم العثور 
عليها على الأكياس والسلال التي كانت تنقل من خلال نهري دجلة والفرات. 
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أختام مربعة من الفترة السومرية 
لقد أصبح الختم الأسطواني من مقتنيات الشخص السومري لما له من أهمية 
كبيرة في حياة الفرد والجماعة في المراسلات والمقالات وحتى الأختام التي يتضرع 
بها الفرد الى الأله» وهم يحرصون عليها كل الحرصء أما شكل الختم فهوه عباره 
عن قطعة من الحجر ذات شكل اسطواني غالباً ما تكون مثقوبة من الوسط ليسهل 
حملها او تعليقها بواسطة خيط أو سلك معدني. وينقش على الختم الاسطواني 
بواسطة الحفر بصورة معكوسة رسوم ومشاهد تختلف في مواضيعها وطرازها الفني 
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من فترة الى أخرى. ان التكوينات لا تظهر الا عند دحرجتها على الطين الطري 
فهي بارزة وبشكلها الأصلي الذي قام بعمله الفنان.(') 


إن أقوى مثال على تطور التصميم من العهد البابلي هو لوح حمورابي المشهور 
الذي كتب ما بين عامي 1792 و 1750 قبل الميلاد؛ وقد احتوى على 282 
قانون وزعت على 21 عمودء وفي هذا العمل تم ظهور استخدام الأعمدة في 
التصميم لأول مرة في التاريخ. تم تشييد هذا اللوح في المعبد الرئيس للإله مردوك 
في بابل وفي مدن أخرى. يظهر في قمة هذا اللوح بالإضافة إلى القوانين صورة 
لملك بابل وهو يقدم نفسه للإله (مردوك أو شماش) ويده اليمنى مرفوعة إلى فمه 


كرمز للإحترام. 





(') تاريخ الفن في العراق القديم فن الاختام الاسطوانية - الدكتور صبحي انور رشيد. 
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يرجع تاريخ أول صورة ظهرت في الشرق مطبوعة على ورق من لوح خشبي 
تعود إلى سنة 868 ق.م عند الصينيين» وفي سنة 200م بدأ الصينيون بحفر 
الكتابة والصور البارزة فوق قوالب خشبية» وكان كتاب (118[12م11) البوذي 
المقدس يطبع عام 972م في نحو 130 ألف صفحة باستخدام القوالب الخشبية 
(بلوكات). 


في هذه الفترة تطورت الطباعة من كليشهات خشبية صور عليها نص الصفحة 
بالكامل إلى طريقة تجميع حروف المونوتيب المتحركة (Movable Type)‏ 
وترصيصها في قوالب خشبية» وهكذا تم اختراع أول صحيفة مطبوعة في 'بييجينغ' 
عام 700م. (') 


وكان المصريون أول من استخدم الورق للتعبير عن أفكارهم أو لكتابة 
معاملاتهم اليومية وتسجيل أحداثهم المهمة؛ وكان ذلك من خلال الكتابة على ورق 
البردي» لكن الخطوة الأهم في تاريخ التصميم بعد ذلك الحين كان اختراع الورق 
على يد الصيني (1152.آ 15'31) عام 105 ميلادية» ثم اختراع الطباعة البارزة عام 
0 ميلادية على أيدي الصينيين ا 


(1) جوزيف نيدهام» العلوم والحضارة في الصين: الورق والطباعة» كامبريدج» مطبعة جامعة 
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صورة من القرن الثامن عشر تظهر [1١‏ 1ه'ء٠‏ كأنه القديس الذي اخترع الورق 


الجدير بالذكر أنه قبل اختراع (جوتنبرغ) لآلة الطباعة ب 400 سنة كان الكوري 
ميلادية.(') 





كتاب (الحكماء البوذيين وأولاد المعلمين) للكوري Choe Yun-ui‏ - أول كتاب مطبوع باستخدام 
القوالب المعدنية 


(') مايك كورديروء جامعة موهوكء آذار 2001. 
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لم تعرف أوروبا الطباعة حتى وقت قريبء ففي الوقت الذي كانت فيه أمم 
المشرق تستخدم القوالب الخشبية والمعدنيةء كان الأوربيون ما يزالون ينسخون 
الكتب والرسائل بأيديهم. وأول ما طبع الأوروبيون باستخدام طريقة القوالب هي 
صورة للقديبس كريستوفر عام 3م وبع ذلك انتشرت طباعة الكتب في ارين 
باستخدام تلك الطريقة. 


وقبل عام 1423 بكثير تم إنتاج مثال مهم في تاريخ التصميم الجرافيكي؛ وهو 
كتاب كيلز (115ء>1 04 8001 186) - 1800 ميلادية؛ ويعرف أيضاً بإسم 
كتاب كولومبا" وهو إنجيل تم نسخه باليد بواسطة الرهبان السلتيين(')» ويحتوي 
ع IND Oa‏ 
الكتاب الكنز الوطني لإيرلندا. 





كتاب كيلز في دبلين - مكتبة جامعة ترينيتي. 
(') هم رجال الدين المسيحيين في أوروبا القديمة» والذين يتكلمون اللغة السلتية. 
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يعتبر اختراع آلة الطباعة على يد الألماني جوهان جوتنبرغ(!) عام 1450 
ميلادية الثورة الأكبر في تاريخ التصميم الجرافيكي» حيث قام جوتنبرغ بتطوير 
قوالب حروف طباعية معدنية توضع بجوار بعضها البعض ثم يوضع فوقها الورق 
ثم يضغط عليهء وبهذا الاختراع تم إنتاج الكثير من النسخ في وقت أقل من ذي 
قبل. ليس هذا فحسب» بل زادت جمالية ودقة النسخ المطبوعة. 
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صورة آلة الطباعة التي اخترعها جوتنبرغ 


بالرغم من بساطة الآت الطباعة فى ذلك الوقت إلى إنها أدت إلى تحقيق انجازات 
وبالرعم من دي ار ة ر 
مهمة في مجال نشر وتداول المعلومات كان من أهمها: 


1. ساعدت على إنتاج عدد كبير من النسخ للمؤلفات وبالتالي زادت من انتشارها. 

2 ساعدت على ظهور نماذج من المطبوعات الدورية التي لم تكن مألوفة قبل 
ظهور الطباعة. والتي كان لها عظيم الأثر في تداول المعلومات وانتشارها في 

3. قللت الطباعة من الكلفة النهائية لأسعار الكتب وساعدت على تنامي الرغبة 
المجتمعية في القراءة. 


() عاش جوهان جوتنبرج من (1398م - 1468م) 
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4. قلصت الطباعة من الفجوة المعرفية بين الأمم وساعدت على التقارب الفكري 

5. ساعدت الطباعة على تنامي دور المكتبات وزيادة مجاميعها لتلبية متطلبات 
المستفيدين منها. 

6. ساعدت الطباعة على ظهور مهن عديدة ترتيط بالطباعة ولعل انتشار 
مؤسسات النشر والطباعة والتوزيع خير دليل على ذلك. 

7. شجعت الطباعة على التأليف بسبب العوائد المادية الكبيرة فضلا عن تحقيق 
الانتشار الواسع. 

8. شجعت الطباعة على ظهور حركة الترجمة بين اللغات المختلفة مما أدى إلى 
حدوث التقارب الفكري والثقافي بين الأمم. 


الثورة الصناعية التي بدأت في أواخر القرن الثامن عشر في أوروباء عملت 
جهتها على زيادة الحركة التجارية وبالتالي زيادة الاهتمام بالإعلان عن الكثير من 
المنتجات الجديدة التي أصبحت تصنع وتوزع بشكل كبيرء كان لابد عندها من 
زيادة إنتاج الإعلانات للاتصال بأكبر عدد من الناس» وخصوصاً في ظل ازدياد 
المنافسة الشديدة بين الشركات الكبيرة» بالإضافة إلى ما ذكر فإن الثورة الصناعية 
أتاحت المجال لاختراع أنواع جديدة من الآلات الطابعة وآلات التصوير 
الفوتوغرافي» وابتكار تقنيات آلية جديدة زادت من سرعة الإنتاج. 


813616)» وفي عام 1849 أسس صحيفة سماها "صحيفة التصميم" ( 01 10111221 
0 و والتي من خلالها طرح ا في التصميم اوهس ات 
التصميم لا يجب أن يقتصر فقط على النواحي التزيينية. 


4. 
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طابع (كاع813 '26223) - تصميم هنري كول YF‏ 1840 





إن من أهم التطورات التي حصلت في تاريخ التصميم الجرافيكي اهتمام 
المصممون بتطوير أنواع جديدة من خطوط الطباعة تايبوغرافي (/[م15:008572)» 
وخصوصاً في أيام الثورة الصناعية» ومن أهم المصممين الذين كان لهم الفضل في 
تطور هذا المجال المصمم (8251661571116 «طه[) الذي اختار أن يكسر القوانين 
السائدة أنذاك فيما يخص بالخطوط التقليدية المستخدمة في طباعة الكتب 
والصحف» حيث ابتكر أنواعاً جديدة لم تكن شائعة الاستخدام في المطابع» ولقد 
طور نوعاً جديداً من الأحبار تكونت من زيت الكتان المغلي وبعض من الراتنج 
(الصمغ)» وكان يحفظ لشهور قبل الاستعمال» وبذلك أضافت مادة الراتنج لمعاناً 
للحبر الأسود الكثيف الذي كان شائع الاستعمال آنذاك. (') 


في عام 1475 تم إنتاج أول كتاب باللغة الإنجليزية على يد 'وليام كاكستون"'". 
وفي عام 1501 صمم 'فرانسيسكو قريفي" أول خط من نوع الخط المائل (1]8112)» 
كما قام الانجليزي 'وليام كاسلون" بتطوير 60 نوع من الخطوط الإنجليزية في عام 


http://www.artsci.wustl.edu/~kbotnick : ٽنرتil‎ (0 


18 


0 سميت بخطوط كاسلون (1”0215 0351052))» والتي بقي استعمالها رم 
للستين سنة التالية» وفي عام 1816 أنتج كاسلون ول خط من مجموعة ( 5215 
كترء5). (') 


فيما بعد تتابعت التطورات على فن التايبوغرافي» وتم تطوير أنواع ونماذج 
جديدة من الخطوط منها العريض (010) والأكثر سماكة ()ءه81))» واليوم 
وبفضل الكمبيوتر أصبح بالإمكان الاختيار بين أنواع كثيرة من خطوط الطباعة 
والتي سنتعرض لذكر مميزات كل نوع في فصل الإخراج الفني. 


ما بين عامي 1891 و 1896 أسس وليام موريس - وهو رائد في حركة الفنون 
lنحرزک "Arts & Crafts Movement'‏ - مطبعته الخاصة ( 016ع1705ع>1 
ئ وبدأ بطباعة المواد الإعلانية الخاصة بحركة الفنون والحرف» ومن ثم نشر 
العديد من الكتب المتقنة الطباعة ليبيعها بعد ذلك إلى الأغنياءء وبهذا كان موريس 
أول من فصل ما بين التصميم والفنون الأخرى بإثباته أن التصميم الجرافيكي يحتل 
مساحة مهمة في الأسواق التجارية. (7) 


شارك موريس بفعالية في حركة (860-50©1311510)» وأتم دراسته الجامعية في 
أوكسفورد. تأثر هذا المصمم بأعمال الكاتب (19115142 10512)»: وهناك قابل 
المعماري (55656 م201110) وآخرين؛ حيث كان لهم الفضل في تأسيس حركة 
الفنون والحرف. ثم قابل بعض الأصدقاء وأسسوا حركة ) Pre-Raphaelite‏ 
4 التي نادت بتطبيق البساطة في الأعمال الفنية التي تعود إلى 
الفن الانجليزي من القرن الخامس عشر. 


41 ۰ 00 0 3 اا 0 
( ) فيليب ميجزء تاريخ تصميم الجرافيك» مرجع سبق ذكره. 
)( ilڌiٽ: www.en.wikipedia.org/wiki/Graphic_design‏ 
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لقد آمن موريس بوجوب الابتعاد عن الأساليب الرخيصة في الإنتاج الفني» 
والعودة إلى الحرف اليدوية» وأن الفن يجب أن يكون في المتناول» ولا يجب أن 
يكون هناك ترتيب في الوسائط الفنية. 


يعتبر الكثيرين من النقاد أن 'بيت موندريان" - المولود في عام 2- أب 
التصميم الجرافيكي» بالرغم من أنه كان فناناً تشكيلياًء إلا أن استخدامه للشبكات 
(2405ع) في لوحاته التي سماها (تكوينات) كان الشرارة الأولى لظهور ما يسمى 
نظام الشبكات (539:56622 17105ع) في مجال الإعلانات. 


ما نعرفه اليوم عن التصميم الجرافيكي وجد بفضل عمالقة مدرسة باوهاوس 
(هيربرت بايرء لازلو موهولي-ناجيء و إلليستيزكي) الذين أبدعوا تقنيات وآلات 
جديدة لإنتاج التصاميم» والتي ظل استخدامها رائجاً في بدايات القرن العشرين. 
وبهروب رواد مدرسة باوهاوس من ألمانيا إلى شيكاغو بعد إغلاقها من قبل النازيين 
عام 1937ء أضحت أمريكا المكان الملائم لمثل هؤلاء لممارسة نشاطاتهم 
وابداعاتهم في التصميم مما ساعد على ظهور الكثير من حركات الحداثة في 
التصميم والعمارة. 


من الأسماء المهمة في هذه الفترة 'أدريان فروتايغر" الذي صمم خط 
»)€niverse and Frutiger)‏ وأيضا 'بول راند" الذي اعتمد مباديء باوهاوس في 
التصميم وطبقها على الحركة الإعلانية وتصميم الشعارات؛ لقد ظهر بفضله أسلوب 
أمريكي جديد يحاكي الأسلوب الأوروبي التجريدي حتى وصل به المطاف ليكون 
أحد أهم رواد تصميم هويات الشركات (106)17 ع]012م001)) في العالم. 


مع ظهور حركة ما قبل الحداثة (8051-310061121512) في الخمسينات من 
القرن العشرين» قام المصمم هيرمان زابف بتصميم خطين من أروع الخطوط 
المتواجدة حتى وقتنا الحاضر وجمع فيهما اسلوب )Sans-Seif & Serif)‏ مع 
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الاهتمام بالخطوط الحيوية المتناسقة؛ وهما: (بلاتينو- 212)100) عام 1948» و 
(أوبتيما - 11522م0) عام 1952. 


لعبت التكنولوجيا دوراً مهما في تطور التصميم الجرافيكي في بدايات القرن 
العشرين» فتطور التصوير الفوتوغرافي وتقنيات الطباعة ساعد الكثير من 
المصممين على تطوير مفاهيم كثيرة في التصميم الجرافيكي» لكن الثورة الأهم في 
مجال التصميم الجرافيكي كانت عندما دخل الكمبيوتر في هذا المجال على يد 
شركة )M11١(‏ عام 1960 بالتعاون مع المعاهد الأخرى المتخصصة بالكمبيوتر . 


الجدير بالذكر أن أجهزة الكمبيوتر في تلك الفترة لم تكن كما هي عليه الآنء 
فقد كانت الذاكرة وقتها تقاس بالكيلوبايت» وكانت خطوط الطباعة تشكل بواسطة 
النقاط وليس الخطوط كما هو الحال الآن» ومن المصممين الذي بدؤا العمل على 
الكمبيوتر المصممة 'سوزانا ليكو" والتي استخدمته لصنع المخطط الشكلي 
للتصميم (ا0ره])»ء وبالتعاون مع زوجها 'رودي فاندرلانز" تم تأسيس مجلة 
)E۲۴(‏ الرائدة؛ والتي أصبحت فيما بعد المرجع الأساسي للتصميم الرقمي. 


من الجيد هنا ذكر مخترع أول جهاز كمبيوتر في العالم وهو العالم الألماني 
'كونر اد زوسة" الذي ولد عام 1910 في برلين» وكان يهوى الالات الحاسبة 
الالية» وفي عام 1936 ابتكر أول حاسبة ميكانيكية أطلق عليها اسم زد/1» وبما 
أنه كان مهندس يعمل في الاشغال العامة فقد كان يبحث عن طريقة يخفف فيها 
من عبء الحاسبات فطور حاسبته الأولى ليستخدم الكهرباء» وصمم في عام 
0 زد/2» وفي عام 1941 ابتكر زد/3 التي افتتحت عصر الكمبيوتر القابل 
للبرمجة بفضل نظام الترقيم المزدوج» ويعتبر زد/3 أول جهاز كمبيوتر إلكتروني 
قابل للتشغيل في العالم. وينسب له أيضاً الفضل في ابتكار اول لغة للكمبيوتر وهي 
لغة رياضية أطلق عليها (ربلانت كالكول). 
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صورة أول جهاز كمبيوتر في العالم 


عا و ن 
التكنولوجيا تم إنتاج أول جهاز كمبيوتر خاص بتصميم الجرافيك من إنتاج شركة 
(ط5وه]21215 عاممة)!(') » والذي تميز بسعره الأقل من الأجهزة الأخرى وسهولة 
استخدامه» فأصبح كثير من الناس يستخدمونه في البيوت لإنتاج المواد المطبعية 
ا 


في عقد الثمانينات وبفضل تطور أجهزة الكمبيوتر تطور مفهوم النشر المكتبي 
)Publishing-Desktop(؛‏ الذي بدوره غير جميع المفاهيم الخاصة بالتصميم 
العرافيكن والظبائعة فی الل گا 


يرجع الفضل الكبير لتطور مفاهيم النشر المكتبي إلى أول برنامج خاص بالنشر 
المكتبي «(Aldus/Adobe™'s Page maker®) gay‏ ولشركة ( Apple‏ 
بفضل نظام عرض الصور في أجهزتهاء والذي سمي حينها 
(WYSIWYG)‏ اختصيارنا للعبارة )what you see is what you get)‏ بمعنى 


() مايك کوردیرو» مرجع سبق ذكره. 
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أن ما تراه هو ما تحصل عليه بعد الطباعة» وبهذا تكون التكنولوجيا الرقمية قد 
أعادت صياغة التصميم الجرافيكي بمفاهيم عصرية جديدة والى الأبد.(') 


لم تقف التطورات في مجال التصميم الجرافيكي عند هذا الحدء فقد كان لظهور 
شبكة الانترنت على يد البحرية الأمريكية في عقد الستينات وتطورها في عقد 
السبعينات الصدى الواسع والتأثير الكبير لدى العديد من المصممين. لقد أصبح من 
السهولة تناقل الصور والتصاميم عبر الشبكة» وأضحت شبكة الانترنت أكبر مكتبة 
للمعلومات في العالم» ووسيلة مهمة للتجارة الالكترونية؛ مما جعل الشركات الكبرى 
تتجه نحو المصممين لينتجوا لهم ما يسمى بمواقع الانترنت لتكون بمثابة سوق 
يعرضون فيها منتجاتهم وخدماتهم» وهنا ظهر فرع جديد في التصميم الجرافيكي 
وهو (تصميم صفحات الانترنت). 


تطور التصميم الجرافيكي بحق كان من أهم أحداث القرن العشرين» واليوم نجد 
الكثير من المفاهيم الجديدة الخاصة بالتصميم الجرافيكي» وأصبح هذا المجال علما 
قائماً بحد ذاته يدرس في الكثير من الجامعات العالمية» وأصبح المصمم الجرافيكي 
من أكثر الناس الذي يحظون بالاحترام في الكثير من بلدان العالم نظراً لأهميتهم 
في نقل صورة معينة للناس وإقناعهم بها عن طريق مهارتهم في إنشاء علاقات 
بصرية جذابة من خلال التعامل مع الخط واللون والصورة. 


(') فيليب ميجزء تاريخ تصميم الجرافيك؛: مرجع سبق ذكره. 
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الفصل الثاني 
أهم حركات تطور التصميم الجرافيكي 


الفصل الثاني: أهم حركات تطور التصميم الجرافيكي 
أولاً: حركة الفنون والحرف (Arts & C rafts nove men‏ 


كما ذكرنا سابقاًء فإن وليام موريس هو أحد المؤسسين الأساسيين لحركة الفنون 
والحرف في نهايات القرن التاسع عشر في أوروبا بالتعاون مع المهندس المعماري 
(طمء/717 منذانطط) وآخرين. لقد آمنت هذه الحركة بوجوب الابتعاد عن الأساليب 
الرخيصة في الإنتاج الفنيء والعودة إلى الحرف اليدوية» وأن الفن يجب أن يكون 
في المتناول» ولا يجب أن يكون هناك ترتيب في الوسائط الفنية. 
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David's Charge t0 Solomon‏ كنسية ترينيتي» مدينة بوسطن» الولايات المتحدة 


الأمريكية - وليام موريس 
عمل أنصار هذه الحركة على إعادة بناء الروابط ما بين العمل الجميل 
والعامل» لقد صمم هؤلاء على إحياء البساطة الرائعة الى كانت سائدة في فنون 
القرن الخامس عشرء رغم أنهم من أكثر أنصار فنون عصر النهضة التي تميزت 
بالصرامة والروحية الدينية وكثرة الزخارف. 
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لقد الهمت أفكار هذه الحركة العديد من المدارس التي جاءت بعدها مثل 
De stijا, Art Nouvea‏ ,ausطuط‏ » ويمكن القول أن الحركة كانت مقدمة 
لحركة الحداثة في الفنون فيما بعد. 


De Stij1 ثانياً:‎ 


وهي حركة فنية ألمانية تأسست على يد (ع1(00656111 782 11560)»: وهو 
معروف بلوحاته التي سميت (تكوينات) التي تكونت من تقاطع خطوط سوداء 
واحتوى بعض مناطقها على مساحات حمراء أو صفراء أو زرقاء. 

أهم مباديء هذه الحركة هي البساطة وتجريد الأشياء إلى أقل ما يمكن» وكانت 
التصاميم حبازة:عن,خطوظ مسبتقيمة,سوداء. عمودية وافقية»بالاضافة إلى الأشكان 
المستطيلة التي لونت بالاحمر والازرق والاصفر. 
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في بعض الأعمال الفنية - كأعمال بيت موندريان- تبدو الخطوط السوداء 
متوقفة لفترة قصيرة بشكل عشوائي على حدود اللوحة» رغم أن الانقسامات الحاصلة 
بين المستطيلات تبقى متصلة. كما أن المساحات الملونة تبتعد عن مركز اللوحة 
إلى الأطراف» بالإضافة إلى التركيز على المساحات البيضاء أكثر من المساحات 
الملونة. 


بيت موندريان هو أحد أهم رواد هذه الحركةء ولد عام 1872» وبدا حياته 
المهنية كمدرس للمرحلة الابتدائية» ومارس الرسم أثناء التدريسء انتقل بين باريس 
وهولندا والولايات المتحدة» وتوفي عام 1912. 


ثالثاً: باھاوس :)Bauhaus)‏ 


نشأت مدرسة باهاوس لتعليم فن الجرافيك الحديث وفن تصميم المفروشات 
والعمارة في ألمانيا عام 1919 على يد المهندس المعماري الألماني والتر 
غروبيوس(') في ألمانياء إلى حين أن انتقلت إلى ديساو عام 1925 ثم إلى برلين 
عام 1932م؛: وكانت ثورةً حقيقية في تاريخ التصميم في العالم» فقد لعبت هذه 
المدرسة دوراً كبيراً في تشكيل الأذواق الحديثة وتعليم الفن من خلال دمج الفنون 
الجميلة مع الفنون التطبيقية في منهج واحد. جاءت تسمية باوهاوس من الفعل 
الألماني (8310 باو)» والذي يعني 'لتبني"» و (18105 هاوس).؛ و تعني 'منزل". 


(') كان هدف أكاديمية "باوهاوس" إزالة "الحاجز المتعجرف بين الحرفيين والفنانين"» حسب قول 
مؤسسها المهندس والتر غروبيوس الذي كان متشبعا بالأفكار الإشتراكية. 
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مقر أكاديمية باوهاوس في ديساو 


لقة.حضسر الطلاب.ورثيات العمل يدلا من ثاعات المحاضرات» وهكذا كان 
الطلاب يتعلمون الفن من خلال اشتغالهم في موقع العملء إلا أنه في عام 1933 
وجد العديد من المدرسين في هذه المدرسة طريقهم إلى الولايات المتحدة الأمريكية 
عندما أغلقها النازيين. ومن أشهر المنتمين لمدرسة باوهاوس: لودفيغ ميس فان دير 
روه» ليونيل فاينينغر» أوسكار شليمر» سوفي تايوبر أرب. 





شعار مدرسة باوهاوس 


يقوم طراز الباوهاوس على الابتعاد عن الزخرفة الزائدة» والح كانت ميرة الفن 
في أوروبا خلال حقبة ماقبل القرن العشرين» وبشكل عام فإن مضمون هذه المدرسة 
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قام على أساس التوظيف الهندسي للأشكال بدلا من التشبث بالعلاقات البصرية 
بشكل أساسي؛ لقد خرجوا عن المألوف» كما تعتمد على استخدام ألوان بسيطة حيث 
يتركز استخدام الألوان على الألوان الأساسية مثل الأحمر والأسود والأبيض 
والأصفر. كما يلاحظ في طراز الباوهاوس التركيز على الاشكال الهندسية البسيطة 
مثل الدوائر والمكعبات» إضافة إلى استخدام الخطوطء والابتعاد عن المركزية في 
وضعية الصورة. كما يمكن ملاحظة الفراغ الواسع نسبياً في تصاميم الباوهاوس. 





الجدير بالذكر أن مصممي هذه المدرسة تأثروا بحركات الحداثة التي ظهرت في 
أوروبا مثل التعبيرية والبنائية والدادائية لتضيف لأعمالهم حساً جديداء مما زاد في 
انتشار أفكار هذه المدرسة» كما تأثروا بافكار الفنان الانكليزي وليم موريس من 
ناحية محاولة الدمج بين الحرفة و الفنون الجميلة» أما بالنسبة إلى طبيعة خطوط 
الطباعة المستعملة فهم تمسكوا باستعمال الخطوط التي تنتمي لمجموعة ( 523125 
ع )2 


www.bauhaus-age.de :ٽنرتنl‎ (0 
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بوستر للمصمم جوست شميدت» استخدم لمعرض أقامته مدرسة باوهاوس عام 1923 


أراد رواد هذه المدرسة الجمع ما بين التقنية والإبداع» فقد ذكر جروبيوس 
(")(Gropius)‏ أن المهارة في التقنية متهمنة حذا+.وقة :تكوخ. أحيانا مضعدرا للإبداع 
والخيال؛ لقد أصر جروبيوس على أن جميع الطلاب يجب أن يتخرجوا تحت اسم 
(معماريين)» وهو يعتقد في ذلك أن القدرة على تشكيل بناء في كيان متكامل هو 
جوهر الفنون البصرية. لقد غير جروبيوس شعار المدرسة من (وحدة الفن والحرفة) 


إلى (الفن والتكنولوجياء وحدة جديدة). 


0( أحد أهم رواد مدرسة باهاوس. 
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هيربيرت باير (1900-1985) واصل التجريب بالطباعة وصمم خط طباعة 
عالمي حول من خلاله الأبجدية إلى أكثر بساطة ووضوح» حيث كانت الأشكال 
مَبْنية بشكل عقلاني. لقد حذف الحروف الكبيرة وأبدى رأيه بأننا نطبع ونكتب 
بأبجديتين غير متوافقتين في التصميم بالرغم من أن لهما نفس الصوت عند النطق؛ 
القواعدء النقاط» والمربعات كانت تستعمل لتقسيم الفضاء وتوحيد العناصر المتنوعة 
مما كان له الأهمية في جذب عين المشاهد إلى الصفحة» وراحة العين عند القراءة. 


abcdefghi 
Jklmnopqr 


STUVUXUZ 


هيربيرت باير» الأبجدية العالمية» 1925 


(Swiss Design) International Typographic رابعاً:‎ 


31 


انطلقت هذه الحركة في الخمسينات من ألمانيا وسويسراء وجوهر هذه الحركة 
انتشر واسعاً حول العالم» وظلت كحركة قوية لمدة عقدين من الزمن» وظل تأثيرها 
مستمراً في التسعينات. لقد كانت الخصائص البصرية في هذا الأسلوب تقوم على 
أساس وحدة التصميم الناتجة عن الاختلاف في العناصر من جهة» والمبنية على 
شبكة (6110) محسوبة رياضياً من جهة أخرى. 


الصور في هذه الحركة ظهرت بشكل موضوعي حيث عبرت عن الواقعية وعدم 
المبالغة في الادعاءات التي عادة ما تكثر في الإعلانات التجارية؛ كما أن 
استعمالات أسلوب الطباعة (56114 5325) يعبر عن روح التواصل الزمني» وتلك 
الشبكات الرياضية (01105©) هي من أقوى وسائل تنظيم المعلومات بطريقة متوازنة 


ومنسجمة. 





ف 


ماكس بيل - 1945 


هذا من الناحية البصرية؛ أما من ناحية مضمون التصاميم في هذه الحركة فقد 
عبرت وبقوة عن مشاكل المجتمع ونشاطاته» حيث أن التعبير عن التجارب 


2 


الشخصية للمصمم رفض كليا من قبل المجتمع» في المقابل فقد لاقت التجارب 
العائة في الببوابنة والعلوى: الاستهساق من قذل:الكتبرينة» فاليصيمم فلي هذه الدركة 
يعي تماماً أن دوره ليس كفنان يعبر عن أحاسيسه الخاصةء بل هو بمثابة وسيلة 
لنشر المعلومات الهامة بين أفراد المجتمع. 





٣ 
۰ 


بوستر لمتحف ريتبرغ من تصميم: إيرنست كيلر 


إن فترة الانضباط بالنسبة إلى هذه الحركة تعود أكثر من أي وقت مضى إلى 
إيرنست كيلر (1891-1968)» فقد اعتقد كيلر أن الحل للمشكلة المعروضة في 
التصميم يجب أن يأتي من محتوى التصميم» وليس بالضرورة أن يطرح الحل من 
خارج التصميم. 
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خامهنا : مدرسة نيويورك 


الموجة الأولى للتصميم الحديث في أمريكا إستوردت من قبل المهاجرين 
الموهوبين القادمين من أوروبا والذين هربوا من المناخ السياسي المتمثل بحكم 
الحزب الواحدء إلى المناخ السياسي المتحرر في أمريكا. 


استفاد الأمريكيون من التصاميم الأوروبية وأضافوا أشكال ومفاهيم جديدة إلى 
التصميم الجرافيكي التقليدي» وبعكس التصميم الأوروبي الذي تميز بشدة تنظيم 
العناصرء كان المصمم الأمريكي يحاول التخلص من تلك القيود النظرية الصارمة 
لينتج تصاميماً تتميز بقوة الأشكال و بواقعية تنظيم الفراغ في التصميم. 


34 


هص وايم جم وا ١‏ تاو جسم وسيم كر - قل مداع Fatim‏ 





Fraime k eld pg I حو وك كد12‎ Bei 1 aa TEY BM Trl 


شعار (الرجل ذو الذراع الذهبية) - تصميم صول باس»ء 1955 


إن الثقافة الأمريكية القائمة على الرأسمالية والتراث العرقي المتنوع و التحرر 
أضافت الكثير من المفاهيم الجديدة على تصميم الجرافيك الحديث» والتي لم تكن 
موجودة في تصميم الجرافيك الأوروبي. ومن رواد هذا المبداً الجديد بول راند 
(96-1914) (') حيث تمتع بالقدرة على معَالَجَّة الشكل البصري (شكل» لونء 
فضاء» خط قيمة) عن طريق تقليل العناصر والتركيز على جوهر التصميم من 
خلال استعمال الرموزء بدون الانتقاص من قيمة التصميم ومدلولاته. 


إن مدرسة نيويورك قد ظهرت في تاريخ التصميم الجرافيكي والتي كان أساسها 
الحداثة الأوروبية أصبحت عامل مهيمن ومؤثر جداً في التصميم الجرافيكي في فترة 
الأريعيتات والخمسميناة».وتورسعت :هذه الحركتة لتواكي: التظورات الاقتضسادية 
والتكنلوجية المختلفة. 


www.directory.soogle.com/Top/Arts/Graph1ic_ Des1sn/H1story : ٽiرتil‎ (( 
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الفصل الثالث 
تاريخ تصميم شعارات وهويات 
الشر: كات التجارد نه 


Logos & Corporate 
Identity 


الفصل الثالث: تاريخ تصميم شعارات وهويات الشركات التجارية 
:(Logos & Corporate Identity)‏ 


أولا: في تطور المفهوم 


بعد الحرب العالمية الأولى اتجه الإنتاج الاقتصادي نحو السلع الاستهلاكية 
واهتم العديد من الناس ببناء الاقتصاد الرأسمالي الذي رأوا فيه قوة اقتصادية لا 
تنتهي» ومن هنا أصبح هناك مفهوم جديد للتصميم الجرافيكي 'تصميم جيد يعني 
عمل جيد". وأرتبط الازدهار والتطور التكنولوجي بشكل وثيق بكبرى الشركات التي 
بدورها أدركت الحاجة لتطوير صورة تعكس مضمون الشركة وهويتها بين 
المستهلكين» وكان التصميم الجرافيكي هو الوسيلة الرئيسية لتكوين سمعة الشركة 
وبناء الثقة مابينها وبين الجمهور. 





عار[ الم تب ص ان 1954 
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إن إستعمال العلامات البصرية للتعريف بالأشياء ليس بالشيء الجديدء ففي 
العصور الوسطى كان لكل تاجر علامة معينة أو طابع» وكانت العلامات تستخدم 
للتعريف بنوعية المنتجات أو للتعريف بالجهة التي تنتج هذه المنتجات» وفي عصر 
الثورة الصناعية التي فتحت أبواب الإنتاج الهائل على مصراعيه ازداد الاهتمام 
بالعلامات التجارية للتعريف البصري من جهة ولتمييز منتجات شركة معينة عن 


غيرها. 


المشهورة لإذاعة (كولومبيا) الأمريكية (085) التي أضافت إلى التصميم 
الجرافيكي علاقات بصرية جديدة أثرت جداً في طريقة التعامل مع الجمهور. 
وعكست أهمية العلامة التجارية في تحليل مضمون شركة معينة ونقل رسالة 


واضحة إلى الناس عن هذه الشركة. (') 


E CNEL | 
CL EI 





العلامة التجارية لمحطة التلفزة 0185) - تصميم: وليام غولدن» 1951 


أثناء الخمسينات والسثينات ركز الكثير من المصممين الأمريكيين أمثال بول 
راند» ليستر بيل» ساول باس» وشركات تصميم مثڵ ))1ncoصp Lip‏ و Margules‏ 


Philip Meggs, A History of Graphic Design (0 
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Chermayeff gy‏ على تصميم العلامات التجارية وعلاقاتها البصرية واعتبروا هذه 
النشاط من أهم أشكال التصميم الجرافيكي. 


مع انتهاء السثينات أصبح مفهوم (التصميم الشامل) حقيقة» وأدرك العديد من 
أصبحات: الشزكات الكبيزة بأ التخطيط الشامل المتطمات و اكات لن ناتا فا 


«+ 


بدأ تلفزيون موسيقى إم تي في (۷1۷) الإرسال أولاً في عام 1981ء وكلفت 
شركة (1065152 0131214]832) بتصميم شعار لهاء واعتمد مصممي هذه الشركة 
على حرف )M(‏ الكبير» وكلمة (1۷) المائلة والمكتوبة بخط حديث قد يوحي على 
الحداثة في الموسيقى والتكنولوجيا التي ستستخدمها الشركة في نشر الموسيقى عبر 
العالم كله» بالإضافة إلى تزيين حرف )۷M(‏ بطريقة توحي بالحيوية والاألوان الزاهية 
التي تعبر عن الموسيقى وانفعالاتهاء وبالفعل حتى عام 1995 كان شعار 
(۷آM)‏ هو الثاني الأشهر عالمياً بعد شعار (0003-0013) والذي دخل حوالي 
0 مليون بيت في 58 بلد.(') 





MUSIC TELEVISION 


(') انترنت: 
http://webpases.marshall.edu/~brusceemann1/corporate 1dentity and VIsu‏ 
al systems2.htm‏ 
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ثانياً: تاريخ أشهر الشعارات العالمية 


1) أديداس (401095) : هو الإسم الشهير في عالم 
الرياضة حول العالم» تم تأسيسها على يد ( 401 
(Dassler‏ ومن إسمه تم اشتقاق العلامة التجارية. ||| ” 
لسنوات طويلة استخدمت الأوراق الثلاثية لتشكل زهرة Adi ET‏ 
مع تقاطع ثلاث خطوط أفقية. تمثل الأوراق الثلاثة روح [ 4 

الألعاب الأولمبية مرتبطة بالقارات الثلاث الرئيسية. لله SS‏ 











الجدير بالذكر أن هذا المفهوم تم اعتماد. رل .رة„ 0149© 


2ء وفي عام 1996 تم استبدال الأوراق الثلاثة 
بثلاث شرائح مرتبة قطرياً لتمثل الأداء الفعال والمستقبل | 


لشركة أديداس العالمية. _- 4 
6 0005 








EES ِ‏ 
2) ادوبي (ع4001 ): في سوج 

عام 1982 تم تأسيس شركة a‏ أدوبي على يد "شوك 
غيشكي و جون وارنوك" كشركة صغيرة في 
مجال البرمجة»ء وفي تلك Adobe‏ 1 7 ات ا 
ا ار اال ی 


کک ا الأول 55 الشركة "۸" وتتابعت الأحرف الأخرى لتكون 
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لقد أوحى هذا المفهوم فيما بعد بتطوير الشعار ليصبح ما نراه عليه اليوم وهو المربع 
الأحمر الذي يحتوي على حرف "8" باللون الأبيض. يدل الشعار الجديد على 
احترام الشركة لتاريخها في عالم التصميم الجرافيكي» والتطور المستمد من 
ا 


3) شركة الإذاعة الأمریکية :(American Broadcasting Company)‏ قام 
المصمم بول راند -وهو من أتباع مدرسة باوهاوس- بإعادة تصميم شعار العلامة 
التجارية لشركة الإذاعة الأمريكية (480)» حيث ركز بول راند على البساطة في 
مكونات الشعار مما قلل من المعلومات وزاد من قيمة الشكل خصوصاً مع توافق 
الشعار مع ألفبائية هريبرت باير العالمية التي تحدثنا عنها سابقاً. 





4) أبل ماكينتوش (7/12©112640512 ©4[721): استمد السعار من إسم الشركة وكانت 
التفاحة هي الرمزء الشعار الأول صمم عام 1976ء وفيه تظهر التفاحة تحت 
شجرة تفاح» واسم الشركة (00) 10161م0022) 16ممش) على الإطارين العلوي 
والسفلي. لم يكن هذا الشعار واضحاً لكثرة التفاصيل الموجودة فيه»ء لذا عمل 
المصمم ريجيس ماكنا على تطوير الشعار فأستبدل الشعار القديم برمز للتفاحة ذو 
اللون الواحد والتي تم قضم جزء منها للدلالة على الإغراء الذي يحصل ما بين 
العميل ومنتجات الشركة في سوق التكنولوجيا. 
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فيما بعد استبدل رمز التفاحة ذو اللون الواحد برمز جديد يحتوي على ألوان قوس 
قزح للدلالة على قصة "آدم وحواء" في الانجيل والتي ترمز فيها التفاحة إلى ثمرة 
شجرة المعرفة. هذا المفهوم أعاد للأذهان أن الإنسان يجب أن يسعى وراء تحقيق 
أحلامه. في الوقت الراهن ونظراً لتطور المفاهيم البصرية في حقول التكنولوجيا يتم 
انقتاع تفين. الومز مطريقة الكرييتال. 


5) باتمان (152613312): يمثل شعار باتمان واحداً من أعظم الأبطال الأسطوريين 
في القرن العشرين الذي حاربوا من أجل الخير. تم خلق هذه الشخصية بعد نجاح 
شخصية 'سوبرمان'» وكان الشعار الأول عبارة عن تجريد لوطواط باللون الأسود 
على خلفية رمادية» وفيما بعد تتطور الشعار فاستبدل اللون الرمادي بشكل بيضوي 
أصفر للدلالة على الحداثة. 





42 


«+ 


في الوقت الراهن يستخدم الشعار الأصليء فقد تم استبعاد اللون الأصفر وحل محله 


رمادي بدرجة أغمق من الدرجة التي استخدمت في الشعار الأول. 


الذي صنع عند تأسيس الشركة عام 1917 في منطقة بافاريا في الجنوب الشرقي 
من ألمانيا. وهو أيضاً مستوحى من ألوان 'بافاريا" الوطنية» وهي: الأسودء الأبيض› 


والازرق. 





الحلقة السوذاء. والحلقات: الذاخلية والخارحية العرففة يها انيتخديت لتمتل الشركة 
السابقة '"(181/157) ع11ع1'111526115-117 عطء115ء:839". البعض يعتقد بأن الشكل 
يرمز إلى مروحة السيارة التي صممت عام 1929ء إلا أن هذا التفسير ليس له 
أساس واقعي وانما استخدم في بعض الأحيان لأغراض تسويقية. بشكل عام» ترمز 
الألوان الزرقاء والفضية في الداخل للسماءء ويرمز الأسود للمحرك. 


7) برغر كينغ (ع1612 81118©1): تأسست شركة برغر كينغ عام 1954 بواسطة 
ديفيد إدغرتون وجيمس ماكلامور في ميامي-فلوريدا وكان إسم المطعم الأول 
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إينستا برغر كينغ” وفي عام 1989 تم الاتفاق على 


الشعار الأول كان عبارة عن إسم الشركة 'برغر كينغ' 
باللون الأحمر موضوع بين طبقتين من الخبز ( 8115 
65 باللون البرتقالي» وهذا المفهوم استخدم لأول مرة 
عام 1969. الشعار الذي نراه اليوم تم استخدامه لأول مرة 
عام 1999 وهو مستمد من نفس المفهوم الأصلي مع 
إضافة شريط أزرق يدور حول الكلام وقطعتي الخبز مما 
أضفى على الشعار سمة الحداثة. 





8) كمل (021261)): وهو شعار شركة الدخان الأمريكية» تم تصميمه لأول مره عام 
3 بطلب من صاحب الشركة ريتشارد رينولد الذي استوحى فكرة الشعار من 
حبه للجمل الذي اعتاد على رؤيته في السيرك الذي كان يقام بشكل دوري في 





8) شائل (0129261)): هو الإسم المعرف في عالم الأزياء والعطور ومواد التجميل» 
تم تأسيسها عام 1910 في باريس على يد غبريال كوكو شائل التي صممت الشعار 
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بنفسهاء ولم يتغير منذ ذلك الحين حتى أصبح الشعار رمز للأناقة حول العالم. 


الشعار عبارة عن حرفين 0" متقابلين للدلالة على الأحرف الأولى من إسم صاحبة 
اأمؤuږة .'"Coco Channel"‏ 





9 بنك شيس مانهاتن (122111 :1131212211211 ع135)): يعتبر هذا الشعار من 
أقوى الشعارات في الفترة الذهبية لتصميم هويات الشركات في الستينات في أمريكا. 


لتشكل بذلك مثمن خارجى. 





بالرغم من أن الشعار لم يحتوي على أي صور أو حروف فهو يعبر بقوة عن معنى 
الأمان والحماية لأن الأوتاد الأربعة تحبس المربع المركزي في الوسط. هذه العلامة 
التجارية أكدت بأن اتباع أسلوب تجريد العناصر في تصميم الشعارات قد يكون 
ناجحاً جداً في إظهار هوية شركة معينة. 
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0) كوكا كولا (0012) 0008)): يعتبر من أقوى 
جارك E‏ 
6 في ولاية جورجيا الأمريكية على يد مدير 
الدعاية والإعلان أنذاك فرانك روبينسون ليستعمل 
كتوقيع ثم راج استخدام الشعار حتى أصبح 
اشع ار الشركة ترك كر بق يكن 


Trade-mark @ 





1) دوف (0۷6(): واحدة من اكثر العلامات التجارية رواجاً في العالم» 


استخدمتها شركة يونيليفر في بادئ الامر لمساعدة الأفراد العسكريين في 
الخمسينات في عمليات التطهير والتنظيف من مياه البحر والرمال التي كانت عادة 


Dove 
وچ‎ 


عندما اصبح لذلك الصابون شعبية كبيرة قررت الشركة في عام 1957 تحويله الى 
منتجات متوفره تجارياًء وبدأ بيع الصابون تحت العلامه التجارية "10076" وتدل 
على الحمامة التي ترمز للسلام تكريما للذكرى والغرض الأصلي الذي صنع 
الصابون من اجله في البداية. 
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2) فيديكس :)۴۴۵٤×(‏ الشعار الاصلي لشركة "1655م152 1606121" صمم 
بواسطة ريتشارد رونيان عام 1973. الشعار الجديد "11*01" الذي صمم عام 
4 بواسطة ليندون ليدر هو واحد من أكثر الشعارات التي يمكن التعرف عليها 
بسرعة بسبب وجود خدمات الشركة في جميع أنحاء العالم. في نفس السنة» وفي 
تصنيف قامت به مجلة "56026 1901112" احتل الشعار مرتبة من بين أفضل 8 
تارات جال منذ خسية وتلاين عاماء 





فالفراغ ما دن الحرفين ٴX "E,‏ يبشكل سهم متجه لليمين مما يدل على التفكير 
والتحرك الى الاقناد: 


3) آي بي أم :)18M(‏ من أشهر العلامات التجارية حول 
خط طباعي يسمى "101ل ,اا٣"‏ الذي صممه جور 3 ف 
ترومب عام 1930. الأحرف الثلاثة الأولى ترمز لإسم 


llركa: IBM «(International Business Machines)‏ 
وتظهر القوة في هذا الشعار في المناطق المربعة التي أحدثها / 








1356 
ج د س س س 
a ım” mı 1" me‏ 
”م1 
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الحرف "8" مع التناسق في المساحة المستطيلة التي تكونت ما بين الحرف "8 ,1". 
في العام 1970 أجرى بول راند بعض التحديثات على الشعارء فقد أدخل الخطوط 
الأفقية التي تشبه خطوط التلفزيون للدلالة على التكنولوجياء بالإضافة إلى استخدام 
اللون الأزرق الذي أصبح اللون العالمي للدلالة على شركات التكنلوجيا. 


4) كي أف سي (161"0)0): في عام 1950 افتتح بيت هارمان 
مطعماً للوجبات السريعة في مدينة "0119 1,316 9216" في الولايات 
المتحدة الأمريكية. وفي عام عام 1952 التقى بيت هارمان بالطباخ 
ساندرز في ولاية شيكاغوء وكان ساندرز أنذاك يعمل في مطعم في 
منطقة كنتاكي يقدم الدجاج المقلي بعد تتبيله بخلطة خاصة من 









1478: a Margulig a 
57 الأعشاب والبهارات» وهناك عرض هارمان على ساندرز العمل م‎ 
KFC * في نفس المجال وأصبح إسم الدجاج الذي يقدمه الشريكان 'دجاج‎ 
14441: Schechter t Luth كنتاكي" وتم 5 |“ ر لأوك 07 في ذلك العام على يد‎ 

n 


تم تحديث الشعار في عام 1978 لتصبح الكلمات الثلاث تحت َك 
بعضهم البعض إلى جانب رمز الرجل الطباخ الذي يرمز لمؤسس "رو 
المطعم 'ساندرز". في بدايات التسعينات تم الاستغناء عن الكلمات 5 | 
"Kentucky Friend Chicken"‏ واستبدلت بالاختصار 'K F٥"‏ 
مع إضافة اللون الأحمر للشعار. 


وفي عام 1997 قام المصمم لاندور بتكبير الشعار ووضع صورة 
ساندرز في وسط مربع أحمر مع الحفاظ على نفس الخطوط العامة 
لصورة ساندلرز واستعمال نفس خط الطباعة للاختصار .')K ۴٣۴٣"‏ 
لكن في العام 2007 ومع تطور التكنلوجيا الرقمية وظهور التجارة الالكترونية كان 





2O0UT Undisclosed Firm 
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لابد من تطوير الشعار بشكل بصري جديد مع الحفاظ على الهوية الأصلية للشعار 
وهي صورة 'ساندرز ". فاستبدل المصمم الخلال کن الصورة بخطوط واضحة ذات 
سماكات مختلفة مما بعث في الشعار العمق والديناميكية والحداثة. 


5 لاكوست (1,260566): هذا الشعار يرمز للتمساح ويذكر الناس بأمجاد رينيه 
لاكوست الذي فاز عام ببطولات ويمبلدون للأعوام 1925 و 1928. في ذلك كان 
اللاعبين مجبرين على ارتداء قمصان بيضاء مع ياقات دائمه» ولم يكن هذا الشيء 
مريح لللاعبين» ونتيجة لذلك بدأت شركة انتاج جديدة بتصنيع ياقه القميص من 
مادة البوليستر التي تميزت بليونة ومرونة اكثر عند حركة اللاعبين. 





LACOSTE 


في كأس ديفيس حدث رهان ما بين كابتن الفريق ورينيه لاكوست بأنه لو فاز رينيه 
في المباراة سيقوم المدرب بإهدائه حقيبة مصنوعة من جلد التمساحء وبالفعل فاز 
رينيه في تلك المباراة ورصدت الصحافة الامريكية ذلك الرهان» ومنذ ذلك الوقت 
أطلق الرأي العام الأميركي هذا الاسم المستعار على رينيه لاكوست نظراً لإصراره 
الكبير في ملاعب التنس على الفوز لصالح بلده ضد فريسته؛ لذا قام صديق رينيه 
'جورج روبرت" بتطريز صورة التمساح على القميص الذي كان يرتديه رينيه في 
ساحات الملاعب» ومنذ ذلك الحين استخدم الشعار بشكل واسع في الكثير من 
المنتجات حول العالم» وأصبحت تدل على القوة والسرعة في الأداء والإصرار 
والعزم. 
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6) ماكدونالدز (0112023105): هي اكبر وأشهر 
سلسلة مطاعم وجبات سريعه في العالم مع وجود اكثر من 
0 مطعم في أكثر من 100 بلد حقل العالم. شكل 
القنطرة التي تتكون من الحرف "781" هي واحدة من اقوى 
الشعارات المعروفة في أيامنا هذه. بساطة الحرف "71/1" 


McDonald's 








التجارية الأكثر شهرة في العالم. ı McDonalds‏ 


قام بتصميم الشعار المصمم جيم شيندلر عام 1962 على | 010 
شكل قوسين توضعان على جانبي المطعم كلافتات | 1 
إعلانية» ومن ثم قام شيندلر بدمج اللافتتين معاً لتكوين ' 5-9 ! 
الشكل الشهير "71". هذا الشعار ليس مجرد "741 لماكدونالدزء فقد سميت القنطرة 
المتكونة ب "القنطرة الذهبية" حيث كان امتلاك وكالة للمطعم هو كامتلاك أحد مناجم 
الذهب. من جهة أخرىء» ترمز هذه القنطرة الى مكان يصلح للإختباء تحته والراحة. 





بالإضافة إلى شعار شركة كوكا كولا ونايك؛ كان شعار ماكدونالدز يعبر عن 


الرأسماليه و العولمة نظراً لأنها الأكثر شهرة من بين الشركات الامريكية في 
الانتشار غالمياً: 


7) مرسيدي بنز (7161:20©5-136112): يستخدم هذا الشعار للدلالة على النقاط 
المتجهة في ثلاثة اتجاهات مختلفة» وتعبر عن المفهوم الذي استخدمه قوتفايد 
ديملر الذي صتع الكثير من المحركات التي عملت بأداء عالي في الهواء والماء 
وعلى الأرض. المفهوم الأول للشعار ظهر للعيان عام 1909. 


50 


يعود تاريخ استخدام اللون الفضي لأول مرة في 
الشعار إلى عام 1934 عندما اشتركت سيارة 
مرسيدس في سباق نوبرغرينغ في ألمانيا؛ هذه 
السيارة لم تنجح في الفحص الفني الذي كان يجرى 
قبل السباق نظراً لوزنها الذي تعدى الوزن القانوني 
المسموح به» ولهذا السبب قام المسؤولين على 
السيارة بتمضية الليل بكامله لإزالة طلاء السيارة 
في سبيل إنقاص وزنها حتى زال اللون» واشتركت 
السيارة في اليوم التالي بدون لون (لون الحديد 
الأصلي "الفضي')؛ وكانت من أجمل السيارات في 
ذلك السباق وأسرعها فسميت حينها "السهم 





Mercedes-Benz 


8) مایکروسوفت :)[M1ic۲٥0۴٤(‏ تأسست شرکة 
مايكروسوفت عام 1975 » وهي شركة معروفة جداً 
في جميع انحاء العالم لابتكارها منتجات عديدة مثل 
برامج النشر المكتبي ونظام التشغيل الأشهر عالميا 
'ويندوز" وغيرها الكثير. يعبر شعار مايكروسوفت 
بقوة عن مبدأ: "اجتماع الأسلوب مع البساطة". وذلك 
واضح من خلال تقديم الشركة لخدمات تكنلوجية 
عالية الجودة لعملائها في جميع أنحاء العالم. 





بشكل مختلف عن باقي الأحرف» أما الشعار الحالي لمايكروسوفت فقد صمم 
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بواسطة سكوت بيكر عام 1987 باستخدام خط طباعي مائل من نوع "2ع1]ء11617" 
واضافة كسر بسيط ما بين حرفي "5 ,0" وجملة تعريفية (سلوغان): "اين تريد ان 
تذهب اليوم؟". في العام 2006 حدث تغيير على الجملة التعريفية وأصبحت: 
حماست العامنا ا 


9) ميتسوبيشي (141165111511): سيارات 
ميتسوبيشي اليابانية من أكثر السيارات رواجاً في 
العالم» وشعارها يرمز لثلاث نقاط في اتجاهات 
مختلفة» كل اتجاه منها يعبر عن: 1- المسؤولية 
والثقة؛ 2- الاستقامةء السلامةء والأخلاق»› 3- 
الاتصالات والانفتاح. 





MITSUBISHI 
MOTORS سيدا ت فكرة الشسعار سن اندماج انين من‎ 
السلالات اليابانيه القديمة والتي كان شعارها ثلاثة‎ 


انماط مشابهة من الماس. بالاضافة إلى ذلك» فإن ترجمة الإسم 'ميتسوبيشي" 
بحسب تلك السلالات هى: 'ثلاثة ماسات". 


1 


0) نستله (21©1516): الأخصائي الصيدلي هاينريش نستله ولد عام 1814 في 
فرانكفورت -ألمانياء وانتقل الى سويسرا عام 1843ء حيث افتتح صيدليته الخاصة 
وتابع بيع المنتجات المتنوعة» ولأن اللغة الرسمية في جينيف هي اللغة الفرنسية فقد 
قام بتغيير اسمه إلى "هنري نستله". 
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Nestle 


في عام 1867 قام نستله ببيع منتجات الحليب للامهات» وفي عام 1904 بدا 
3 نيع وبيع الحليب الممزوج مع الشوكولاته. صورة الطيور الموجودة في الشعار 
ترمز إلى أسرة هنري نستله» كما أن الكلمة "7160516" تتكون من مقطعين وتعني 


'عش ٠.‏ د ل 5 





1) نايك (»]111): أسس شركة نايك فل نايت في الستينيات» ولكن في ذلك الوقت 
أطلق عليها إسم "الشريط الازرق للرياضة". اسم نايك والشعار الذي نراه الآن تم 
تنفيذه عام 1971 استنادا الى الاساطير اليونانيه» حيث أن كلمة 'نايك" هي إسم 
آلهة النصر عند اليونانيين» وبهذا المفهوم أراد فيل نايت أن يضع شركته في 
مصاف الشركات الفائزة والتي تقدم أحذية رياضية ذو جودة عالية. 





تم تصميم الشعار بواسطة المصممة كارولين دافيدسون في عام 1971. والتي 
كانت من بين 35 شخص تقدموا باقتراحات للشركة حول تصميم الشعارء لكن 
أصحاب الشركة أجمعوا على أن تصميم دافيدسون هو الأجمل والأقوى» حيث عبر 
الشكل عن اجنحة الآلهة اليونانيه. 
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2) بيبسي (86251): في عام 1893 قام الصيدلي 
الشاب ساليب برادهام وهو من برن-كارولينا الشمالية 
بتجربة خلط مكونات جديدة في المشروبات وقدمها 
للمستهلكين» ومن بين هذه الأنواع الجديدة من المشروبات 
كان هناك ما أسماه ب " شراب براد" الذي كان مصنوعاً 
من المياه الكربونيه» السكرء الفانيلياء زيوت نادرة» نكهة 
الكولاء والمكسرات. 


في عام 8 اشترى برادهام الاسم التجاري 'بيبسي 
كولا" ب 100 دولار من احد المنافسين الذين أفلسوا. في 
ذلك قام جار برادهام وكان فناناً تشكيلياً بتصميم شعار 


منذ ذلك الوقت قام برادهام بتطوير الشراب الجديد حتى 
ذاعت شهرته» مما اضطره إلى تطوير الشعار عدة مرات 
حتى وصل إلى ما نراه في الوقت الحالي. 
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الفصل الرابع 
ماهية التصميم الجرافيكي 


الفصل الرابع: ماهية التصميم الجرافيكي 
ما هو التصميم: 


ف قن ار اا ل جى لار رالا الخ ن ا 
الإلمام بجميع هذه الظواهر وترجمتها بشكل عملي عند البدء بتصميم معين. 


© التصميم هادف: 


يهدف التصميم إلى المنفعة» إنه طريقة لتوضيح (كيفية) الأشياء: كيف أشتري 
سلعة معينة» كيف أتصفح موقعاً للانترنت» كيف أقدم الخدمات للزبائن» كيف 
أتصل بالزبائن» كيف أقنعهم. والأهم من ذلك أن التصميم يعبر عن الأفكار 
والمفاهيم» وينقلها لفئة جمهور معين مثل: فثة العمرء فثة الدخلء فئة 
الجنس...الخ. 


e‏ التصميم إعلامي: 


فالتصميم ينقل (المعلومات) إلى الناس» ريما تكون حالة الطقس» حوادث 
السير» التحذير من الانزلاقات في فصل الشتاء...الخ. 


٠‏ التصميم يستخدم العلاقات البصرية من خلال الأشكال: 


ج کل لي كل جي 
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ای 


شکل صاعد / شكل ساقط. 








قاق 





57 





- مساحة معتمة / مساحة شفافة. 


© 09 





« التصميم عملية متعاقبة ومتسلسلة: 


فهو يبدأ بخلق معلومات عامة وينتهي بتفاصيل معينةء فالبدء بتصميم دائرة قد 
ينتهي بانها عبارة عن شمس او قمر او صحن...الخ. 





2 


4 
2001 
١ 
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لطالما كان التصميم المنهج الأقوى المستخدم في عالم الإعلان» والوسيلة 
الأكثر فاعلية في زيادة المبيعات لدى الشركات التجارية» وهو من ناحية أخرى 
وسيلة رفاهية بالنسبة للجمهورء حيث أصبح بالإمكان معرفة جودة سلعة ما أو 
مواصفاتها فقط بالنظر على الكتيب المرفق مع السلعة أو الإعلان الخاص بتلك 
السلعة» كما يدخل التصميم الجرافيكي في جميع مجالات الحياة المختلفة» فطلبات 
التوظيف تحتاج إلى تصميم» الإعلان عن حفلة أو مباراة» ملصقات المسرحيات 
والأفلام» جميع الصناعات...الخ. 


كان أول من أطلق تسمية (106518261 110م012©) هو المصمم وليام أديسون 
دويغنز عام 1922 الذي عرف مصطلح "المصمم الجرافيكي" بأنه ذلك الشخص 
الذي يجمع بين العناصر المختلفة (كلمات» صورء ألوان...) في صفحة واحدة 
بشكل يجذب النظر . 


التصميم الجرافيكي مشتق من كلمة (جراف)» وهي تعني (رسم بياني)» أما كلمة 
(جرافيك) فهي تعني (تصويري» مرسوم» مطبوع...)» والبحث عن معنى هذه الكلمة 
الأجنبية لا يشكل صعوبة تذكر فمعظم القواميس الفنية المتخصصة تفيد أن أصل 
هذه الكلمة لاتيني وهي من كلمة جرافوس - كلاطم6۲۵ وتعني ضمن ما تعني: 
'خط مكتوب أو مرسوم أو منسوخ' فأستعير اللفظ في اللغات الأوروبية لكي يطلق 
على كل رسم بخط منسوخ ثم أصبح اسمآ عالمياً لهذا الفن وجاء في اللغة الفرنسية 
هكذا (ع0135111). 


فن الجرافيك 816 110م72,ع في معناه العام هو فن قطع أو حفر أو معالجة 
الألواح الخشبية أو المعدنية و أي مادة أخرى بهدف تحقيق أسطح طباعية» 
والحصول على تأثيرات فنية تشكيلية مختلفة عن طريق طباعتها. (') 


www.altshkeely.com :aنورتکٹإلا الموقع‎ (( 
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يشير المصطلح 'كومبيوتر جرافيك" (أو رسوم الحاسب) إلى الصور التي يتم 
إنتاجها باستخدام الحاسب» والتي تشمل الرسومات التوضيحية )sئ11lustrati0n(‏ 
ورسوم الكارتون المتحركة (411112410125)» وحتى الصور الحقيقية عالية الجودة 
»)High Resolutions Photos)‏ كما يستخدم نفس التعبير للإشارة إلى عملية 
سحب الصور وتلوينها وتظليلها ومعالجتها من خلال الحاسب» وتساعدنا رسوم 
الكمبيوتر على جمع المعلومات وعرضها وفهمها بشكل سريع وفعال» بل إنه يمكنها 
قاع الور لكان كدر ستياه لقي لأسيل ا ر ا 


ظل التصميم الجرافيكي لفترة كبيرة يختص بإنتاج المواد المطبوعة (مجلات»› 
ملصقات دعائية» بطاقات تهنئةء تذاكر حفلات ومباريات» أختام» شعارات» مغلفات 
الكثير)؛ إلا أن التطور الحاصل في مجال تكنولوجيا المعلومات ( 104011026102 
'(ع166012010) أضاف الكثير للتصميم الجرافيكي فأضحى هناك فرع قائم بحد 
ذاته أطلق عليه إسم "الوسائل الإعلامية المتعددة" (711111506012)» والذي يتعامل 
مع رسومات الكمبيوتر -بدون الحاجة إلى طباعتها- ويكونها في إطار حركي 
كالأفلام السينمائية» مع إمكانية استخدام التأثيرات الصوتية (411010)» ومن أشهر 
البرامج التي تتعامل في هذا النوع من التصميم ) 3D Max, Maya,‏ 
Macromedia Director, Macromedia Flash, & Multimedia‏ 
.(Builder‏ 


وحتى الرسوم المتحركة التي كانت ترسم باليد أصبحت بعد انتشار الملتيميديا 
ترسم وتحرك بواسطة الحاسوب في وقت أقل بكثير من ذي قبل» وبعد أن أصدرت 
شركة (12 ع۲0۳٥ )M‏ إصدارها الأول من برنامج (1ھا۴) أصبح مجال الرسوم 
المتحركة من أكثر المجالات متعة بالنسبة للكثير من المصممينء فهذا البرنامج قد 
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أحدث نقلة نوعية في عالم الرسوم المتحركة» بالإضافة إلى عالم تصميم مواقع 
الانترنت. 


وبمناسبة الحديث عن تصميم صفحات الانترنت فالجدير بالذكر أن هذا المجال 
ظهر كفرع قوي من فروع تصميم الجرافيك في الآونة الأخيرة نظراً لانتشار شبكة 
الانترنت بشكل واسع في العالم» حيث أصبح العالم قرية واحدة» واحتاجت الشركات 
الكبيرة إلى البحث عن طرق جديدة من أجل تسويق منتجاتهاء وتسهيل معاملاتها 
التجارية» وهكذا ظهر بما يسمى (التجارة الإلكترونية) وهي نوع من عمليات البيع 
والشراء ما بين المستهلكين والمنتجين أو بين الشركات بعضهم وبعض باستخدام 
تكنولوجيا المعلومات والاتصالات (). 


إن المصمم الجرافيكي الناجح هو ذلك الشخص الذي يعي تماما بأن مهمته هي 
إرضاء أكبر عدد من الأذواق» وهي مهمة ليست سهلة» فهو يعرف بأن عليه 
التعامل مع شرائح كثيرة من الناس وأفكار تختلف من مكان لآخر ومن شخص 
لآخرء من جهة أخرى فالمصمم الجرافيكي ماهر في علم النفس إذ أنه على علم 
بتأثير الأشكال والألوان على المشاهدين» وهو ماهر في وضع الحلول. 


أهمية التصميم الجرافيكي: 


يعتبر التصميم في عصرنا الحالي نظام إنساني أساسيء وأحد الأسس الفنية 
لحياتنا المعاصرة؛ فالتصميم هو أحد مجالات النشاط الفني التي لا يمكن الاستغناء 
عنها؛ إذ أنه يستحيل لأي عمل الظهور دون تصميم. 


() مدحت مرعبي» التجارة الالكترونية» انترنت: 


http://www.mohamoon.com/montada/messagedetails.asp?p_messageld=1 
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وهذا أسلوب شائع في حياتنا وسلوكناء سواء كان من خلال إبداع المصمم 
المنتج أو اختياره» فكل هذا يعكس الأسباب النفسية التي تدفع الفنان إلى أن يعبر 
عن نفسه سواء بالإبداع أو الاختيار بطرق خاصة تختلف من فرد إلى آخر. 


وعلى المصمم أن يسعى دائما للبحث والتطوير ليستطيع التعبير عن موهبته 
الشخصية كمصممء فجودة التصميم هي الأساسء إذ تزودنا بالخبرة الفنية الغنية 
المشاعر الخاصة بالمصمم الفنان» وهو يعبر عن تلك المشاعر باللون وقيمته. 
وبالخط والقيم السطحية والمساحات والأشكال» وموضوع التصميم. 


التصميم وعلاقته بالطبيعة والحياة: 


يستوحى المصمم رموزه وعناصره في الغالب من الطبيعة» ويبدأ التصميم عندما 
تتحول الفوضى إلى نسق ونظام (أي يكون التصميم مرتب ولا يحتوى على 
العشوائيه). والتصميم كلمة تدل على حدود العقل الإنساني» وعلى مدى الحقائق 
التى يدركها الإنسان ويستخلصها تدريجياً من الفوضىء وكلما زادت معارفه وثقافته 
ساعده ذلك على تنظيم التصميم» فيحل محل الفوضى النسق والنظام. 

ولذلك فمن المتوقع أن تكون لدى الفنان حساسية زائدة عن الآخرين من حيث 
إدراك الأشكال وما تتضمنه من معاني. فالمصمم يمر بعمليتين خلال استلهام 


الغ وما ا 


ه داخلية: متصلة بقدراته الإدراكية فيها من ثقافة ومزاج وقدرات فسيولوجية 


وبيولوجية. 
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التنظيم البصري» وعلى كيفية رؤية الطبيعة والتنوع فيها. 


ويختلف مفهوم الطبيعة لدى المصمم تبعاً للمواقف البيئية المختلفةء كذلك توجد 
نماذج أخرى في البيئة تعكس النظام والتصميم في الطبيعةء وكلما كانت البيئة 
جذابة أحس الإنسان بحاجته لأن يعكس جمالها بطريقة تلقائية. 


وقد أصبح مفهوم الطبيعة يعنى القوة المسيطرة على نظم ونسق الكون والوجود 
في نموه وتطوره» ومن الطبيعي في أن النظم الهندسية أو الرياضية كلمة تدل على 
الطبيعة سواء كانت عضوية أو غير عضوية» يتحكم فيها العوامل التاليه: 


© التنوع. 

٠‏ التوزان. 
© التناسب. 
٠‏ التمائل. 


وهناك علاقة بين التصميم والقانون الطبيعي للنموء وأيضاً هناك علاقة بين 
التصميم والحياة» حيث يلاحظ توافر عناصر أسس التصميم في الطبيعة (الوحدة 
التناسب» الإيقاع. الاتزان» السيادة). 


التصميم والقانون الطبيعي للنمو: 


كما ذكرنا سابقاًء فإن الطبيعة هي المصدر الأساسي للمصمم لأنها تحتوي على 
عناصر متنوعة من عناصر التصميم المختلفة كالنقطء الخطوطء المساحات. 


الأشكال» الملامس» الألوان» والفراغ. وهذه العناصر تتسم بالتغير الدائم في مظهرها 
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المرئي وفقاً لما يحدث في الطبيعة من متغيرات» لكن لا تزال هذه العناصر يحكمها 
قانون الطبيعة» فالطيور والحيوانات والحشرات والأسماك والأصداف والقواقع 
والشعب المرجانية وأمواج البحر والأزهار والنباتات... الخ» تحكمها الطبيعة بقانون 


إن دور المصمم يأتي في استخلاص ما يشاء من ذلك النظام المرئي ليحقق ما 
يريد التعبير عنه برؤيته الخاصة»؛ وبوسائله الأدائية المختلفة؛ إذ أن العين المبدعة 


تستطيع أن ترى في الطبيعة تصميمات متنوعة وعلى درجة كبيرة من النظام والدقة. 


وباعتبار التصميم واحداً من أهم مجالات التعبير الذي أحسه الإنسان منذ 
تواجده على الأرض وحاجته الملحه إليه» فقد توصل الإنسان على مدى العصور 
بتأمله لمظاهر الطبيعة المختلفة إلى أساسيات العلوم المختلفة وما يطرأ عليها فيما 
بعد من تطورات وصلت بنا إلى الثورة العلمية للقرن الحالي. 


لقد أصبح للمصمم دور مهم في تناول مظاهر الطبيعة المختلفة برؤية فاحصة 
وبمقدرة واعية لاكتشاف ما فيها من قيم فنية» وهنا لابد أن يختار المصمم من بينها 
ما يحقق هدفه التعبيري» وبذلك يضع أنسب الحلول لمشكلات التصميم. 


التصميم والحياة: 


يخطئ كثير من الناس عندما يعتقدون بأن التصميم هو -فقط- أحد مجالات 
الفنون نظرا لقلة معرفتهم بالتصميم أو ضعف موهبتهم بممارسته»ء ولكن الحقيقة 
تخالف هذا الأمر لأن التصميم له صلة كبيرة بالحياة؛ فهو يتغلغل ويشارك في 
جميع الأنشطة البشرية التي يتعامل من خلالها الإنسان في ميادين الحياة المتعددة. 
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وبمعنى آخرء فإن التصميم هو أسلوب حياة» وهو طريقة لإيجاد الحلول المختلفة 
التي يواجهها الناس في واقعهم اليومي. 


يمر المصمم بتجارب كثيرة في حياته ويتعرض لمواقف متنوعة» فتتحرك في 
داخله خبرات سابقة قد ترتبط بإنفعالاته» وقد ويشعر المصمم بالحاجة إلى إيجاد 
يكرد ليذو لاطعا لالع کے کال اک ر ھا نح ای کے کن ا 
سالرت ا ا 


عناصر التصميم الجرافيكي: 


إن عناصر التصميم الجرافيكي تعني ببساطة مكونات التصميم أو العمل الفني؛ 
اكتساب رد فعل طبيعي تجاه ما يراه. إن الناحية الجمالية في طريقة ترتيب تلك 


العنصر الأول: الخط (©1.1122): 


إن كل شيء في الطبيعة أصلاً هو خط ويمكن تعريف الخط على أنه شكل 
ضيق جدأء وللخط وظائف عديدة منها الحس بالحركة داخل الفراغ أو حوله وذلك 
لما للخط من مقدرة على جعل العين تتابع حركته أينما اتجه. 


والاستقرار» أما الخطوط المتقاطعة والمتعارضة والمتعاكسة في اتجاهاتها تعبر عن 


ا ادو ول 
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هناك أنواع متعددة من الخطوط منها الخط المستقيم» الخط المتعرج» الخط 
المتقطع....الخ» وهناك تصنيف آخر لأنواع الخطوط منها الخطوط الحقيقية وهي 
المرسومة بشكل واضح وحادء وهناك الخطوط الوهمية المتكونة نتيجة التقاء شكلين 
في التصميم. 





فوائد الخطوط: 


- تقسم الفراغ. 
= تدا تگان. 
- تنشئ الحركات. 
- تجزأ المساحات. 
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” الخطوط الرأسية توحي بالثبات» وباتجاه من أعلى إلى أسفل» وسبب ذلك 


أن العين تتبع اتجاه الثقل في قراءة الخط حيث تبذل مجهوداً أقل من ذلك 
المجهود اللازم لقراءة خط بحركة صاعدة وبنفس الطول. إن ظاهرة 
الجاذبية الأرضية هي إذن -بالنسبة لإحساسنا- الحركة الطبيعية» وكل 
حركة مضادة تتطلب مجهودا أكبر حتى نتحقق» فصعود مستوى ماتل أكثر 
مشقة من نزوله. 

الخطوط الأفقية توحي بالهدوء والاستقرارء ولايستطيع الخط المستقيم الأفقي 
أن يحدد الاتجاه الذي يوحي به سواء إلى اليمين أو إلى اليسار إلا بإضافة 
العناصر القادرة على الإيحاء بالتوجيه والحركة كالأسهم مثلا. 

الخطوط المائلة توحي بالسقوطء وقليلاً ما يستعمل في التصميم دون 
مصاحبة خطوط أخرى ذلك لأنه لا يحقق الإحساس بالاتزان والثبات العام 
للتصميم الذي يبحث عنه المصممء فهو يؤثر بكل قوة للدلالة على 
اتجاهات وايحاءات بالحركة. فرمز البرق يأخذ معني أقوى برسمه خطأ 
منكسرا وسهمه متجه إلى أسفل كما في الشكلء ليوحي بالحد الأقصى 
لسرعة الهبوط بخلاف ما إذا كان الخط صاعدا والسهم إلى أعلى حيث 
يمكن أن يراود نفسية المشاهد فكرة المقاومة الناتجة عن الجاذبية الأرضية 
وهكذا نفهم قيمة تحديد اتجاه خط لتحديد معناه. 
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” الخطوط المتكسرة توحي بالحركة» وأحياناً الفوضىء ونلاحظ في هذه 
الخطوط الحدة في التشكيل» مما يستلزم استعمال بعض الحليات معه لكي 
تلطف وتهدئ من تأثيره. كما استعمل في بعض الزخارف الإسلامية. 
ويمكن للخط المنكسر المكون من مستقيمين أن يتضمن اتجاها مؤكداً مهما 
كان وضعهما في الحيزء على أن يحدد هذا الاتجاه بمحصلة المستقيمين 
المكونين للخط المنكسر. 

” الخطوط المنحنية توحي بالليونة وسلاسة التموج التى تمتزج أحيانا بالخط 
المستقيم لتهدئ من صلابته الزائدة. ومع أن الخطوط الأفقية والرأسية 
والمائلة» المستقيمة منها والمنحنية يمكن في مختلف تكوينها أن تترافق» إلا 
أنها يجب أن تظهر سيطرة وتفوق لنوع واحد منها ويكون تأثير الخطوط 
الأخرى ملطفا ومخففا لملل النوع المسيطر. 


العنصر الثاني: الشكل (512276): 


وهو عبارة عن خط مكتمل ومغلقء والأشكال عديدة منها المنتظمة (الهندسية) 
كالدائرة والمربع والمثلث» ومنها غير المنتظم وهي كثيرة في الطبيعة» ويمكن تكوين 
شكل معين عن طريق تلوين مساحة من الفراغ داخل التصميم. 


ابا 
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ويطلق على الشكل في كثير من الأحيان مفهوم (التكوين)» حيث تعتمد قوة 
التصميم على تكوينه؛ والتكوين هو شكل ترتيب العناصر في العمل او التصميم» 
وهناك تكوينات عده اذكر منها: الهرمي والحلزوني والمتموج والدائري» ويعتبر 
التكوين الهرمي اقواهاء وطريقة توزيعه هي جعل الاشكال الكبيره والثقيله في الاسفل 
وجعل الاشكال الصغيره في الاعلى بالترتيب حسب الحجم والكثافة اللونيه وفصيلة 
اللون. 


التأثير النفسي للشكل: 


فإذا أخذنا سطحا مستويا كأساس لتكوين ماء فإنه كما قلنا يأخذ أهميته التشكيلية 
إذا ماظهر مواجهاً في المستوى الرأسيء ففي هذا الوضع يكون السطح مجالا 
لتنغمات وتأتثرات متعددة» وتعتبر واجهة العمارة السكنية المحصورة بين جارين 
مثالاً لهذا الوضع. أما بالنسبة للأسطح الأفقية فجميعها تترجم في فن العمارة إما 
بشكل أسقف أو أرضيات موزايكو كا في الشكل التالي مثلا حيث نفذت رسوماتها 
من قطع الرخام أو الحجارة الملونة» أو سطح الماء بأحواض النافورات الذي يعكس 
صور الطبيعة حوله وحيث يظهر سطح الماء تبعا لحالة السماء ذو ألوان وحيوية 
متغيرة. كذلك السطح الأفقي يمكن ان کر عار خا الات لكر ع 
الجازون واحواض الزهور مما يسمح بتنوع التأثيرات. 


أما السطح المائل فيوحي دائماً بالحركة الصاعدة أو الهابطة تبعاً لمكان الرؤية 
بالنسبة للمنحدر. وأن هذا السطح المائل لا يوحي بتأثيرات الثبات إلا بالاستعانة 
بعناصر أخرى للدلالة عن حركة مضادة مما يحدث الاتزان. 


أما السطح المنحني كالسطح الاسطواني كما بالشكل التالي والسطح المخروطي 
كما بالشكل فدائما ما ترتبط هذه الأسطح بفكرة التغليف بعكس السطح المستوي 
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حيث لا يستطيع إحداث إلا فكرة التحديد الجزئي لحيز ما في اتجاه واحد. وأن 
“في حين أن السطح المخروطي يصحبه إيحاء بالحركة الصاعدة. 


أما السطح الكروي كالقبة مثلاً فإنه يعطي الإيحاء بالتغليف وتحديد الحيز 
بداخله. كما يأخذ كمال تشكيله إذا كان مكوناً من نصف كرة مرتكزة على رقبة 
اسطوانية كما بالشكل التالي أما إذا كان ارتفاع القبة منخفضاً أي أقل من نصف 
قطرها فإنها تعطي إيحاء وتأثير سحق للحيز كما بالشكل التالي؛ وأخيراً السطح 
المنحني البريمي فنظراً لدوانه في الحيز حول محور رأسي فإنه يوحي بالحركة 
الرأسية الدورانية. 


كذلك لا يؤثر السطح على المشاهد بأبعاده وشكله ووضعه في الحيز فحسب. 
بل تكتمل معانيه الإيحائية بطريقة معالجته» من حيث توزيع الإضاءة ولونه وملمس 
ونسج مواده المكونة له»ء فاللون مثلاً ربما يكون كافياً لأن يحدث إحساسات 
وانفعالات واضحة في نفسية المشاهدء كما تختلف هذه الأحاسيس باختلاف شدة 
اأضنوت: 


كما يمكن 9 نحصل على حيوية السطح بتجزئته إلى أسطح هندسية متجاورة 
تخثلة زاوية تعرضها ات ء» حيث يكون الاختلاف في شدة الضوء على الأسطح 


العنصر الثالث: المنظور: 
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وهو تمثيل الأجسام المرئية على سطح منبسط (اللوحة) لا كما هي في الواقع. 
ولكن كما تبدو لعين الناظر إليها من موقع معين. 


وكثير من الاخطاء التي يرتكبها المصمم المبتديء تنشأ احيانا عن جهله بقواعد 
المنظور. فأبعاد الأجسام واتجاهاتها يطرأ عليها تغيير يتناسب مع موقع الناظر 
إليها. 





والمنظور نوعان : خطي وهوائي. 
1 المنظور الخطي: 


يقصد بالمنظور الخطي مظهر الأشياء كما يتحدد من خلال أوضاعها 
والمسافات النسبية فيما بينها. فالخطوط الأفقية المتوازية» مثل السكة الحديدية» تبدو 
وكأنها تلتقي عند نقطة التلاشي على خط الأفق. الخطوط العامودية المتوازية مثل 
أعمدة الكهرباء تبدو وكأنها تقترب من الأرض كلما بعدت عن عين الناظر إليها. 
وهذا التقارب التدريجي بين الخطوط - الناتج عن تضاؤل حجم الأشكال كلما زاد 
بعدها - يؤدي إلى الإحساس بعمق الصورة وتماسكها. 
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2( المنظور الهوائي: 


يقصد بالمنظور الهوائي مظهر الأشياء كما تبدو متأثرة بحالات الجو الطبيعي 
المحيط بها. ويتمثل المنظور الهوائي في الخفوت التدريجي للضوء وتزايد نعومة 
الأشياء البعيدة. وطالما أن حالات الطقس ثؤثر على لمنظور الهوائي حتى في 
الأيام المشمسة»ء فإن مظهر الأشكال البعيدة تحكمه حالة الجو المتاحة اثناء النظر 
إليها بالعين المجردة. 


لمزيد من الإيضاح حول المنظور يجب الإشارة إلى مفردتيتن مهمتين في رسم 
المنظور» وهما: خط الأفوق» ونقطة التلاشي. إن خط الأفق هو مستقيم تتابعه 
بعينيك ويجتاز المنظر المرئي من أوله إلى آخره. أما نقطة النظر التي تقع على 
خط الأفق» فإنها تظل ثابتة تجاه عين الناظر. 


يقع خط الافق على مستوى عين الناظر وهو يعلو وينخفظ وفقا لعلو الناظر 
وانخفاضه عن سطح الارض. وللتأكد من ذلك هنالك طريقة بسيطة يمكنك تطبيقها 
بنفسك. قف على الشاطيء في يوم صحو وانظر باتحاه البحر فتلاحظ ان السماء 
تلتقي مع الماء في خط مستقيم على مستوى عينيك تماما؛ إن هذا المستقيم هو خط 
الافق. اهبط إلى موقع إدنى فترى أن الافق يهبط بمقدار هبوطك فيما تكبر فسحة 
السماء وتتقلص فسحة الماء. بعدئذ» اصعد على مرتفع قريب يسمح لك برؤية 
البحر من الأعلى» فتلاحظ ان خط الافق يصعد بمقدار صعودك. 


أما نقطة التلاشيء فهي النقطة التي تتلاشى عندها جميع الخطوط المتوازية 
والمائلة» وبما اننا نرغب في نقل هذه الخطوط إلى لوحة الرسم لذلك لابد لنا من 
ايجاد هذه النقطة التي تتلاشى فيها الخطوط على خط الافق. إن نقطة التلاشي 
تسمح لنا بوضع الاشياء في مكانها الصحيح على اللوحةء أي بإظهار بعدها الثالث 
سواء كنا ننظر إلى هذه الأشياء من الأمام أو من الجوانب أو من الأعلى. 


72 


الجدير بالذكر أنه عند البدء بتصميم يحتوي على أشكال ثلاثية الأبعاد 


ه كل الخطوط المتوازية تلتقي عند نقطة معينة على خط الأفق. 

٠‏ كل الخطوط المائلة تلتقي عند نقطة التلاشي على خط الأفق. 

ه تتقارب الخطوط العمودية كلما بعدت عن عين الناظر. 

٠‏ تصغر السطوح العلوية كلما اقتربت من خط الأفق» وتكبر السطوح الجانبية 


العنصر الرابع: اللون (00101)): 


وهي عديدة أيضا ولا يمكن حصرها ولكن هناك نوعين رئيسين من الألوان: 
الألوان الباردة وهي الأزرق ومشتقاته» والأخضر يعتبر من الألوان الباردة» وهناك 
الألوان الساخنة وهي الأحمر ومشتقاته والأصفر ومشتقاته. الألوان الرئيسية ثلاثة 
هي: الأحمرء الأصفرء الأزرق. ومن درجاتها أو مزج لونين مع بعض تنتج الألوان 
الأخرى والتي تسمى (ألوان ثانوية). اللون الأبيض يسمى (أشعة) وليس (لون). 
واللون الأسود يتكون نتيجة مزج جميع الألوان مع بعضها البعض» وقد يتساءل 
البعض عن الألوان الرمادية» إنها مزيج من اللون الأسود بدرجات (كثافات) معينة 


للألوان مدلولات حسية كثيرة تثير في نفس المشاهد أحاسيس معينة» وهي أنه 
عادة ما يكون لكل موضوع لون معين ففي تصميم منشور المطعم يفضل استخدام 
اللون البرتقالي بكثرة لأنه معروف بقدرته على فتح الشهية. أما الأزرق الذي يرمز 
للهدوء والاستقرار فإنه يستخدم مثلآ في التصاميم ذات العلاقة بالعلاج لأنها مريحة 
للعين» وسنتحدث بالتفصيل عن سيكلوجية الألوان في الفصل الخاص بالألوان. 
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العنصر الخامس: القيمة :(Value)‏ 


وهي درجة الإضاءة أو درجة القيمة الضوئية» فالمنطقة المضيئة في التصميم 
عادةً ما تكون أكثر قيمة من المنطقة المعتمة؛» هذا في الإعلانات الملونة» أما 
الإعلانات التي تستخدم الأبيض والأسود فقط فإن الأبيض يشكل أعلى قيمة؛ وكلما 
افنزيكا :مق ا لأنوة تكو قد :تدرتهذا نحو :القيمنة الأفل :نوما . 





والجدير بالذكر أنه يجب مراعاة الظل والضوء: فالمعروف أن المنطقة 
المتعرضة للضوء يكون جانبها الآخر في الظل. 


A. 


د 
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السطور التالية بتحليل بعض الظواهر المتعلقة بهذا الموضوع» لكن بداية دعوني 


الظل في اللغة نقيض الضح (بالكسر)» أو هو الفيئ أو هو بالغداة والفيئ 
بالعشى» ومكان ظليل ذو ظلء والظلة شيء كالصفة يستتر به من الحر والبرد. 
والظلال والمظلة (بالكسر والفتح) الكبير من الأخبيةء والظليلة مستنقع الماء في 
أسفل مسيل الوادي والروضة الكثيرة الحرجات» والظلل الماء تحت الشجر لا تصيبه 
الشمس.(') 


وفي المعجم الوجيز(/): الظل هو ضوء الشمس إذا استترت عنك بحاجز» 
والظليل ذو الظل» ويقال ظل ظليل أي دائم» وعلى ذلك فان الظل بمعناه العام 
يشمل الخيال الناتج عن الأشياء في اتجاه سقوط أشعة الشمس. 


يستخدم الظل والظلال في التصميم لتسهيل فهم التصميم من خلال التعبير عن 
البعد الثالث للعمق وعن شكل السطوح وتحديدها إذا كانت منبسطة أو مستديرة أو 
مائلة أو رأسية» بالإضافة إلى إظهار الملامس السطحية. ويعتمد الظل على اتجاه 
الضوء في التصميمء والاتجاه التقليدي للضوء في الرسومات المعمارية هو الخط 
القطري للمكعب من زاوية أعلى اليسار الأمامية إلى زاوية أسفل اليمين الخلفيةء 
وهذا أيضا في مناظر التخطيط والمسقط الرأسي يرى اتجاه الضوء كخط قطري 


لمريع وتكون زاوية اتجاه الضوء 45 درجة. () 


0( معجم الفيروزابادى 

() المعجم الوجيز (2000).مجمع اللغة العربية. طبعة خاصة بوزارة التربية والتعليم» جمهورية 
مصر العربية. 

Gill W Robert, ( 1973) Rendering with Pen and Ink, Thames and (0 
Hudson Ltd, London 
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إن تكوّن الظل هو أحد نتائج انتشار الضوء في خطوط مستقيمة» ويطلق تعبير 
الظل على احتجاز النور عن منطقة ما بوجود حاجز معتم يعترض مسار موجات 
هذا النور (الضوء المرئي) القادم من أحد مصادر الضوء في اتجاه واحد. 


واذا تعرض أي جسم للإشعاع الشمسي (الضوء الطبيعي) فان الجانب المعرض 
مباشرة للشمس يكون مضيئاًء أما الجانب الآخر من الجسم الذي ليس في مواجهتها 
فيكون واقعاً في الظلء فعلى سبيل المثال لو كان أي مجسم هندسي معرضا 
للشمس فإن النصف المعرض للشمس يكون مضيئا أما النصف الآخر فيكون في 
الظل ويطلق عليه الظل الحقيقي» أي الذي يلقيه بنفسه على نفسه»ء ثم نجد أن هذا 
الجانب المظلل من المجسم الهندسي يقوم بإلقاء ظل على الأرض أو أي مستوى 
أو جسم آخرء وهو ما يعرف باسم الظل الساقط أو الظل الظاهري. 


9 e WN ١ 
0 E 1 


أسلوب تكون ظلال الأشكال المجسمة نتيجة تعرضها للإشعاع الشمسي المباشر. 





العنصر السادس: الملمس (ع:12:61011): 


هو العنصر الذي يمتاز بأننا نحس به بحاستين هما: اللمس والبصرء وتكمن 
أهمية هذا العنصر في استخدامه للتمييز بين أجزاء التصميم لإعطاء كل شيء 
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طبيعته الخاصة:؛ فالخشونة للسطح الخشن والنعومة للسطح الناعمء كما أن تنوع 
الملامس بين أجزاء التصميم يعمل على إعطاء التصميم حيوية أكثر ويبعده عن 
الإحساس بالملل. 


وملمس السطح يظهر كنتيجة للتفاعل بين الضوء وكيفيات السطح من حيث 
(النعومة؛ الخشونة؛ درجة الصقل). فنحن ننظر إلى القيم السطحية على أنها 
ملمس السطوح كما تحسه اليدء ولكن القيم السطحية ايضاً هي ملمس السطوح كما 
يحسها العقل لأن في العقل ميلا لوصف السطوح المرئية على أنها خشنة أو ناعمة 
كما أن العقل يربط هذه الصفات المرئية بالحركة. 


ويؤدي تنظيم تلك العناصر الشكلية بكيفيات مختلفة وبكثافات مختلفة إلى تغير 
الخصائص الضوئية للسطح من حالة إلى أخرى. والملمس في التصميم يعني 
الإأحساس به عن طريق الرؤية البصرية» ومن ثم إحساس العقل بالقيم السطحية 
وتخيلها. إن هذه الظاهرة يطلق عليها أحياناً "المعادل البصري للإحساس الملمسي". 





وهناك ثلاثة عوامل رئيسيه توثر في مجال الإدراك بالنسبة للملمس وهي: 


1. الضوء الساقط على الأسطح "شدته أو قوته ونوعه" مثل ضوء النهار أو 
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2. الجهاز البصري للإنسان الذي يتلقى الإحساس بالملمس. 
3. تباينات طبيعة الأسطح نفسها. 


3 6 قا مف || ) ج من حيث الدرجة ال ملامس نأاعمة وملامس 
E %‏ أما من حبيث النوعء فإنها ”ذف الى ملامس حقيقية (ملامس طبيعية» أو 
صناعية)» وملامس إيهامية. 


توجد الملامس الحقيقية في الطبيعية كالنبات والحيوان والجماد» كما يمكن أن 


أما الملامس الإيهامية» فهي الملامس ذو البعدين» والتي يمكن إدراكها بحاسة 
البصر دون لمسهاء وغالباً ما تكون الملامس الإيهامية تقليداً لملامس حقيقية مثل 
ملمس الحجر أو الرخام أو الخشب أو الجلد. ويمكن تحقيقها في الأعمال الفنية 
عن طريق التقنيات والمعالجات التشكيلية على السطح ذي البعدين عن طريق 
توظيف عناصر التصميم كالنقطة والخط واللون. 


كما يرتبط اللون بالملمس وبالخصائص البصرية للمادة» كما أن الإعتام 
والشفافية أو نصف الشفافية في الملامس تختلف عن بعضهاء فالزجاج الشفاف 
يختلف في ملمسه عن زجاج آخر نصف شفاف. 


نستطيع استلهام الملامس من الطبيعة» فالأمثلة كثيرة» فإننا نرى في المخلوقات 
والكائنات الحية ثروة من الأشكال المختلفة والملامس السطحية؛ في الحيوانات نجد 
جلد الثعبان والتمساح وظهر السلحفاة والفراء وجلد الحمار الوحشي والزرافة» وفي 
الطيور نجد ريش الطاووس وريش العصافير وجناح الفراشة أو عرف الديك» وفي 
الأحياء المائية كقشور وجلد الأسماك وأسطح القواقع والمحارات والشعب المرجانيةء 
وفي النباتات نرى الأشجار وأوراق النبات والأزهار وقطاعات الأشجار والثمار... 
الخ» فهي جميعها منبع ومصدر إلهام للتصميمات الفنية. 
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وفي الفنون ثنائية الأبعاد يكون الملمس أمر مرتبط بالإدراك البصري ولا ارتباط 
له بحاسة اللمس وندركه كنتيجة لاختلاف سطح كل منها عن الآخر من ناحية 
الخصائص البصرية. ويتضح لنا أيضاً أن الملمس في العمل الفني لا ترتبط أهميته 
المادية بالشكل فقطء بل هو أيضاً وسيلة تعبير عن المضمون ويضيف إلى العمل 


العنصر السابع: الكتله: 


الكتلة عبارة عن خاصية فيزيائية للأجسام» تقيس كمية المادة التي يحتويها 
الشيء. وهو مفهوم مركزي من الميكانيكا والمواضيع ذات العلاقة بهاء تقاس 
بوحدات كالجرام والكيلوجرام» وتبين اثقال الاشكال في العمل الفني وتنسيق كل 
شكل على حسب ثقله؛ فهو بناء على ثقله القيمي له مكان مخصص او مناسب 
جداً في العمل واذا وجد به كان وجوده اقوى واثر ايجابياً على قوة العمل بشكل 
ا 


ترتبط الكتلة في النحت بالصفات المعمارية وتتصف بالصلابة والثقل حيث 
يحس فيها الإنسان أنها ممتلئة» والكتلة تظهر أيضا في التصميم رغم اختلاف 
الخامة؛ فالكتلة في التصميم تظهر وفيها العمق وتتميز بالبعد الثالث والاستدارة 
ويتحسسها الرائي كما يتحسس النحت في الفراغ. 


وفنا لاه ان فير تين الشكل:والكظلة»:فتحن «غالنا ها 'تقلظ ييتهما: فالتتكل 
يمثل المضمون الأساسي المراد التعبير عنه بالرسمء أما الكتلة فهي التي تعطي 
صلابة الأشكال وتميزها عما يحيط بها. 
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واذا كانت الخطوط والأشكال تسود التكوين بما تحمله من قيم جمالية» فإن 
الكتلة تستحوذ على الاهتمام بما لها من ثقل. كذلك يبرز ملمس الأشكال في الكتلة 
بالظلال التي توحي بالتباين بين الداكن والفاتح. 


العنصر الثامن: الفراغ: 


ولولاه لما اتضحت لنا ابعاد التصميم والاشكال اللتي يحتوي عليها التصميمء 
واوصي بتفعيل هذا العنصر في التصاميم فهو الاهم لإبراز الاشكال واعطاء 
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عندما يستخدم المصمم الخطوط لتقسيم الفراغ فأنه يهتم بإيجاد فواصل ممتعة 
بينها فإذا ما انقسم الفراغ إلى أقسام متساوية أدركها العقل بسرعة وانصرف عنها 
لخلو شكلهاء مما يدعو لاستمرار التأمل» وعلى العكس من ذلكء إذا استحث 
المصمم نشاط عقل الرائي لبناء علاقة جمالية بين مساحة وأخرى فانه في هذه 
الحالة يرضيه بالمشاركة في هذه المشكلة الجمالية. 


يمنح الفراغ الكتل القدر المطلوب من الأهميةء إذ أنه يساعد على إعادة خلق 
المعنى التعبيري للكتل› ويسهم في توحيد عناصر الصورة وتكوين علاقات الترابط 
بين الأشكال؛ بمعنى أكثر بساطةء هو 'الحيز الذي يشغله فراغ'.(') 


(1) فرج عبوء علم عناصر الفنء ط1ء بغدادء جامعة بغدادء 1982. 
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أسس التصميم الجرافيكي: 


التصميم ويمكن تشبيه أسس التصميم بالخامات المستخدمة في البناء مثل: الرمل- 
الحديد-الاسمنت...الخ» وهناك عدة أسس لبناء التصميم الناجح المعبرء وهي: 


1 - الوحدة: 


توحي الوحدة بالتوافق الموجود بين عناصر التصميم والى أن هناك علاقة 
مدروسة بين العناصر ولبست علاقة محضص الصدفة. والوحدة عبارة عن تصور 


موجود ومحدد المعالم تشارك فيه جميع العنصر السالفة الذكرء ومن أقوى حالات 
الوحدة في التصميم هو التكرار (تكرار الأشكال بطريقة معينة). 


العلاقات التي توجد بين العناصر متنوعة ومختلفة» فهي إما أن تكون علاقات 
شكلية أو خطية أو لونيةء واذا توافرت الوحدة في العمل الفني أتيح للناظر أن يرى 
العمل الفني ككل من الوهلة الأولى» ثم يتدرج نحو رؤية الأجزاء. 


2- التوازن: 


وهو تساوي كمية الأحجام والأشكال في قسمي الصفحة (التصميم)» والتي 
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والتوازن في أي تصميم نوعان رئيسان هما: 


أ. التوازن المتماثل: وهو تماثل الأشكال والكتل والخطوط في قسمي التصميم 
تماثلاً كلياً. 


التوازن غير المتمائل: وهو تناسب وتساوي حجم الأشكال والكتل والخطوط في 
قسمي التصميم بغض النظر عن الاختلاف. 


إذا نظرت إلى صورة متوازنة توازناً متماثلاً وجدت أن العناصر في نصفها 
الأيمن تكاد تنطبق على العناصر في نصفها الأيسر. واذا نظرت إلى صورة متوازنة 
تنواكا عمل متما دن وعدت إن الكنا ضير ها ا نة اك ا مك خط 
عمودياً في منتصفها لما وجدت أن النصفين ينطبقان كما هي الحال في التوازن 
المتماثل. ومع ذلك فإن هذا التوازن المستتر هو الذي يعطي المصمم حرية في 
التعبير أكثر مما يسمح به التوازن المتمائل» ويمكن الإحساس به وان كان يصعب 
فاس ا 


ويعتمد هذا النوع من التوازن غير الملحوظ على نظرية الروافع التي تجعل 
التوازن بين الأثقال متوقفاً على حجمها وبعدها أو قربها من نقطة الارتكاز. ولعل 
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ميزان القبّان هو خير مثال على ذلك. فالقبّان آلة توزن بها الأشياء عن طريق 
تحريك العيار باتجاه الطرف أو باتجاه وسط الآلة. والفنان يستفيد من نقطة 
الانطلاق هذه ليوازن الكتلة الكبرى مع الكتلة الصغرى والمساحة قاتمة اللون مع 
المساحات الأخف لوناً. 


3- الإيقاع: 


وهذا العنصر مشترك بين الفنون المرئية والمسموعة» فالحركة تولد الشعور 
بالإيقاع» كما أن سماع نغمات الموسيقى تولد هذا الشعور. والإيقاع أحد الأسس 
الهامة التي تعتمد على التكرار في عملية التصميم المرئي» فتكرار العناصر 
المتماثلة أو على الأقل متشابهة في تصميم معين يبعد الملل عن التصميم ويوحي 
بالإيقاع كما في الموسيقى. 


4- الحركة: 


لا يخلو أي تصميم من الحركة» وهي في العادة تكون ضمنية (أي لا يعون 
التصميم متحركا)» وهي أن يلجأ المصمم إلى تكرار نفس الموضوع المتحرك 
بأوضاع متغيرة للإشارة على أنه يتحرك» وأهمية الحركة هنا أن العالم من حولنا 
يتحرك» حتى أثناء النوم يتقلب الإنسان وتتغير أوضاعه» إذن لا أحد يمكن أن 
يثبت للحظة بدون حراك. 


1- الفراغ (العمق): 
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وهو العمق في التصميم عن طريق الإيحاء بوجود بعد ثالث وهمي يبتدعه 
الت 





2- نقطة الارتكاز (النقطة المحورية): 


وهي النقطة التي تكون بمثابة المفتاح للتصميم حيث تكون النقطة الأولى التي 
يسقط عليها نظر المشاهد» ويشترط أن تكون النقطة الأكثر جذبا للوهلة الأولى. 
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SEE 


lé than Masc ra HEI 





طرق التصميم: 
أولهما: التصميم ذو البعدين ((21): 


وهو يهتم بمجال الأشكال ذات البعدين بالجهد الواعي اليقظ لتنظيم مختلف 
العناصر داخل المساحة مراعيا الانسجام المرئي لإخراج عمل هادف مبتكرء 
وبشكل عام فإن معظم برامج التصميم قادرة على إنتاج الأشكال ذات البعدين. 


7 اد 
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ثانيهما: التصميم ذو الثلاثة أبعاد ((31): 

فهو يختلف عن التصميم ذو البعدين في تجسيمه للأشكال حيث سهولة الرؤية 
والإحساس بالخامة» لما له من قدره تساعد على رؤيته بأكثر من زاوية ومن مختلف 
الجهات» ولهذا فهو اقل تعقيد من التصميم ذو البعدين الذي يشاهد على المساحة 


دون حير فراغي . 


| 


والمصمم بطريقة الأبعاد الثلاثة قادر على تكوين رؤية ذهنية للشكل ككل من 
جميع الجهات» والاتجاهات تكون في ذهنه وكأنها في يديه» ويجب ألا يحصر 
تصوره في زاوية واحده أو اثنين» ولكنه يجب أن يعمل من خلال اللعب بالعمق 
والفراغ» ومن أشهر البرامج التي تستخدم في هذا المجال (712332 42 712:2 (31). 
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الفصل الرابع 


التصميم و خطو طُْ الطباعة 
(Typography)‏ 


الفصل الرابع: التصميم وخطوط الطباعة (13م12ع1708) 


إن شكل حروف الطباعة في أي تصميم قد يحدث فرق كبير في الرسالة التي 
يحملها التصميم إلى الناس» وقد يكون وقع هذه الحروف من الناحية النفسية قوياً 
على المشاهدين ::فيؤتر سلا أو امحاباً على :وذوة, الفعل لذى فولاء المشاهددن: 


أشكال خطوط الطباعة (د5ع©612م170): 
هناك ثلاثة أشكال لخطوط الكتابة المستخدمة في التصميم» وهي: 


٠‏ 561125 : بعض خطوط الطباعة تعتمد هذا الشكل الذي يحتوي على أجزاء 
صغيرة تسمى (1255) والموجودة على زاوية الحرف. 

ه٠ Sans-serif‏ : وهي تلك الأشكال التي لا تحتوي على (1265) في زوايا 
حروفها وبالتالي فإنها تكون أبسط وأكثر حيوية من جهة»ء وسهلة تكوين 
الحرف الغامق (13010) منها. 

Decorative ٠‏ : وهي أشكال الأحرف التي تتميز بقدرتها على إعطاء 
تأثير الزخارف في حركاتها. 


بشكل عام فإن استعمال شكل (56111) تقليدي ورسميء ومن هذه الخطوط 
(110©5)» في حين أن (56111 5305) يعطي الشعور بالحداثة والتكنولوجياء ومن 
هذه الخطوط (9ع17]1ع11). 
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عائلات خطوط طبع :(Typefaces Families)‏ 


هناك خمس عائلات للنص الكتابي في معظم برامج التصميم» وهي المسئولة 
Light -1‏ 
Regular (Normal) ~2‏ 
3~ 51010011 


Bold -4 
Black -5 


والجدير بالذكر هنا أن ليس جميع خطوط الطباعة قادرة على التكون في جميع 
حالات الخطوطء فعلى سبيل المثال: (1'310122) ينتمي فقط إلى عائلتين هي: 
»)NRegular, 8010(‏ أما )entury(‏ فإنه ينتمي إلى عائلة واحدة فقط هي 
.(Regular)‏ 


ملاحظة: قد يرد مصطلح (71/41:2) كثيراً في برامج التصميم وكتابة النصوص 
وهو ليس أحد عائلات الخطوط وانما هو فقط درجة ميلان الخط. 


تصنيفات خطوط الطباعة :(Typefaces Classifications)‏ 


horizontal 
0500 EINE SC 0 


axis curves bracketed AGS 
thick and thin 


500 
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SLICE 


serifs medium to 
bracketed el عاه]5‎ 
ILA CE eT 
Sela 

slanted 


straight or 
slightly inclined 
5ع/]الاء 5ألا3‎ 


OOD 


serifs : high stroke 
thin rus contrast 
SB E 


unbracketed 


slab serif 


IEE 
RS little stroke large x height 


410106 
PE el: 
square 


Ela CC 


square moderate close to 
curved 3161 ae) 
strokes contrast EES 


لاءماه١‎ 


no fixed best at large 
characteristics point sizes 
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لك 
connections‏ 


imitate 
handwriting 


monospaced 


even spacing 
og 
242861111 


vertical 
ENA 





وفي التالي أمثلة لأشهر الخطوط العالمية المستخدمة في معظم برامج التصميم: 


Arial 

Times New Roman 
Tahoma 
AvanîGradle 
Book Antiqua 
Caligsraphic 
Century 
Century Gofhic 
Clarendon 
Comic Sans MS 


عدت 0011121 
11 


Verdana 
(Garamond 
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أما بالنسبة إلى أحرف الطباعة العربية فإنها لا تختلف كثيراً عن قياسات 
وعائلات الخطوط الإنجليزية» إلا أن الفرق الوحيد هو أن الأحرف العربية تكون 
متصلة دائماً ببعضها البعض من أجل تكوين كلمة ماء وانحناءاتها أكبر» ومن 
أشهر الخطوط العربية المستخدمة في التصميم مايلي: 


0 


أ ندلس 

إيريال 

أرابيك ترانسبيرنت 
«كرناب ذلث 
ونوا 


فارسى 

تايمز نيو رومان 
مايكروسوفت سانز سيريف 
مونونايب كوكي 
سيمبليفايد أرابيك 


تاهوما 
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قياسات الخط (]12©25111:1211 ©173706126©6): 
هناك عدة مصطلحات موجودة في برامج التصميم تحدد فياسات الخطوط وهي: 


2 285 : وهي مسافة القياس بين الأسطر. 


_Jordan is one of Ihe 0051 02027100 
SE a ٥ 


5 85 : هي المسافة بين حرف وآخر. 


J or da n is one of The Most AMOAZIr 


ص 8" : هي المسافة بين الأحرف في الكلمة الواحدة. 


١ © | ©» © هه‎ 


Baseline Shit 2‏ : هي المسافة بين السطر الرئيسي وبين 
الأحرف فوق أو تحت الخط الرئيسي (10اءع825). 
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الفصل الخامس 
التصميم التزييني (:11111541:26101) 


الفصل الخامس: التصميم التزييني (111115161:261012) 


التصميم التزييني هو استخدام الصور أو العناصر التزيينية بهدف زيادة جودة 
المادة المكتوية أو لتوضيح معناها. يخلق المصممون الصور للكتب» المجلات› 
التقاريرء علب الأقراص المدمجة (0105)»: بطاقات التهنئة» ومعظم الإعلانات 


الأخرى. 











1DING IS FUN! 


YEAR OF 1115 CHILE BF‏ نيص جاتنا 


بوستر "القراءة متعة" - تصميم موريس سنداك» 1979 


قبل عصر الكمبيوتر أعتبرت الصور التزيينية المرسومة باليد من أقوى وأجمل 
الوسائل للتعبير عن مدلول المادة المطبوعة؛ ولكن وبدخول الكمبيوتر إلى عالم 
التصميم أصبحت التصميمات التزيينية ذو طابع تجاري يبتعد عن الناحية الجمالية 
مقارنة بتلك الصور المرسومة باليدء ولكن بعض المصممين المحترفين فتحت 
شهيتهم لمثل هذا النوع من التكنولوجيا وأنتجوا أقوى التصاميم في تاريخ التصميمء 
خصوصاً أن المصمم لم يعد بحاجة لأن يكون رساماً ماهراً ليريسم صورا باليد 
ويضيفها إلى تصميمه. 
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بوستر "الفن هو" - تصميم ميلتون غلیزر› 1996 


من أقوى البرامج التي تستخدم في إنتاج مثل هذه الرسوم والأشكال ( 4/006 
(IHlustrator & CorelDraw‏ وكالناً أصبح ڊرaliج (Adobe Free Hand)‏ 
أحد البرامج التي يمكن الاستعانة بها في رسم الرسوم والأشكال. 


الزخرفة العربية الإسلامية: 


تعتبر الزخرفة العربية (أرابيسك) من أقوى أشكال الرسومات الإيضاحيةء وهي 
فن راسخ في التاريخ» ويتمتع بجماليات فنية كبيرة. ومن الواضح أن الكثير من 
المصممين والفنانين العالميين قد تأثروا بهذا الفن» ونجد في أعمالهم مثل هذا 
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e 
مقال‎ 





تعرّف الزخرفة على أنها عبارة عن نماذج معقدة للتزيين لأن أشكالها متداخلة 
ومتقاطعة وتمثل أشكالا هندسية وزهورا وأوراقا وثمارا. وهذا الفن يميز الفن 
الإسلامي» والذي ظهر في تزيين السيراميك في العمارة الإسلامية. وقد انتشر في 
أوروبا ولاقى رواجاً في القرنين 15 و 16. 


ظهر هذا الفن نتيجة امتزاج الحضارة العربية وتطورها في العصر الاسلامي 
الذهبي مع الشعوب الأخرى إلا أنه كان جلياً لدى الأندلسيين الذين طوروه بشكل 
كبير» ولاسيما في مجال الأعمدة ونصف الأعمدة المربعة وفوق الجدران وعلى 
الأسقف. والى جانب العمارة وجدت الزخرفة التي وصفت بأنهما لغة الفن 
الإسلامي» وتقوم على زخرفة المساجد والقصور والقباب بأشكال هندسية أو نباتية 
جميلة تبعث في النفس الراحة والهدوء والانشراح. 
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سمي هذا الفن الزخرفي الإسلامي في أوروبا باسم أرابسك بالفرنسية: 
»))ARABESQUE)‏ وبا لأسبانية: ( ۷7۴ )۸1۸0۸1Q‏ أي التوريق. وقد إشتھر 
الفنان المسلم بالفن التجريدي .)S€URREALISM ۸BSTR^۸CT1)‏ حيث 
الوحدة الزخرفية النباتية كالورقة أو الزهرة» وكان يجردها من شكلها الطبيعي حتى لا 
تعطي إحساسا بالذبول والفناء» ويحورها في أشكال هندسية حتى تعطي الشعور 
بالدوام والبقاء والخلود. 


يقع تحت عنوان الزخرفة العربية فن الزخرفة بالفسيفساء(') الذي أشتهرت به 
العديد من الدول العربية والأسلامية ومنها الفسيفاء الموجودة في الجامع الأموي في 
دمشق في سوريا ومدينة كربلاء في العراق المشهورة في عمله وتصنيعه. 





(') الفسيفساء هي أحد أقدم الفنون التصويرية» ويتم تشكيل اللوحة الفسيفسائية عادة من انتظام 
عد كبير من القطع الصغيرة» وعادة ماتكون ملونة التي تكون بمجملها صورة تمثل مناظر طبيعية 
أو أشكال هندسية أو لوحات بشرية أو حيوانية. استخدام الفسيفساء قديم ويرجع لأيام السومريين 
ثم الرومان حيث شهد العصر البيزنطي تطورا كبيرا في صناعة الفسيفساء لأنهم ادخلوا في 
صناعته الزجاج والمعادن» واستخدموا الفسيفساء بشكل كبير في القرن الثالث والرابع الميلادي 
باللون الأبيض والأسود فبرعوا بتصوير حياة البحر والأسماك والحيوانات. 


100 


ترتكز الزخرفة الإسلامية على اسس عميقة الجذور تنبع من الدين والتقاليد 
المتوارثة. وقد هدف البناءون والفنانون المسلمون والعرب في أعمالهم إلى إبراز 
خصوصية هذه التقاليد التي غلب عليها الإسلام منذ أن جاء. من هنا نرى العلاقة 
الحميمة بين الإسلام وفن العمارة والزخرفة وبناء المدن رغم الاختلافات السطحية 
أو المناطقية التي نشاهدها. فهي بمجملها تعكس روحية الدين والخطوط الكبرى 
التي رسمها لحياة المسلم إجمالا والعربي تحديداً. 


وكلها تعتمد ما اسماه بعض مؤرخي الفن الإسلامي: السكينة والراحة الروحية 
والجسدية والتأمل والبساطة. ومن هنا نرى كم اعتمد فن الزخرفة الإسلامي على 
الألوان والضوء ووسع المساحات. 


عناصر الزخرفة العربية الإسلامية: 


عناصر الزخرفة العربية الإسلامية يمكن اختصارها بستة عناصر هي: الخط 
العربي» الهندسة » الرسوم الطبيعية » الحيوانات » الضوء والماء . وكلها عناصر 
جالبة للراحة والسكينة والهدوء اكثر من كونها تعتمد على العظمة الفردية كتصوير 
الأشخاص البارزين أو العظمة المعمارية حيث ترتفع القصور الشامخة ودور العبادة 
الضخمة المزينة بكل أنواع الرسوم والتماثيل» والمدافن المرتفعة المقامة تخليداً 
للقابعين في الأرض تحتها. 


وقد كتب في هذا المجال المعماري البريطاني أون جونز في القرن التاسع عشر 
أن المبدأ الأساس في فن العمارة هو زخرفة المبنى لا بناء الزخرفة. وهذا ما اعتمده 
البناءون العرب والمسلمون. فنحن» يضيف جونزء لا نجد إطلاقا زخرفة فاقدة 
الهدف أو زائدة أو غير ضرورية في الفن الزخرفي الإسلامي. إنها زخرفة طبيعية 


وواقعية. 
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الآن بإمكان المصممين الاستفادة من هذا الفن الراقي باستخدام الكمبيوتر الذي 
جعل العملية سهلة للغاية» فمن الممكن الآن إنتاج آلاف من الزخارف المتنوعة 
الأشكال» والتي تخدم المصمم في العديد من تصاميمه. وللتدليل على صحة هذا 
الكلام للنظر إلى الشكل التالي: 


الخط العربي: 


الخط العربي فن قائم بذاته. إنه الفن الإسلامي بامتياز. فلن نجد عملا فنياً» إن 
كان محاكاً أو مرسوماً أو مبنياً أو مصئّعاًء يغيب عنه الخط العربي. وهذا الوضع 
المميز لم يأت من اللاشيءء بل جاء بفضل العلاقة الحميمة بين حياة العربي 
والمسلم وبين دينه» بين هذا المسلم ولغته العربية» وبين هذه اللغة والقران الكريم. 





استوعب العربي والمسلم منذ زمن طويل أن الخط العربي ليس ككل الخطوط 
التقليدية» بل خطاً يحمل رسالة وحضارة» فتفنن هذا المسلم والعربي في تطوير 
الخط وحمّله الكثير من روحانية الرسالة التي نقلت إليه تحديداً بلغته العربية. 
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انتشر الخط قبل الإسلام في مناطق مجاورة لشبه الجزيرة العربية وبخاصة في 
الحيرة والأنبار بالعراق ومنه وصل إلى الجزيرة عن طريق الحجاز ونجد. وفي 
هاتين المدينتين وضعت الأسس الأولى للخط العربي ثم انتقل إلى مكة الكرمة 
والمدينة المنورة. وهذا ما يشير إلى أن العربي اهتم بالكتابة قبل الإسلام. فقد كتب 
عقوداً ومعاهدات ووثائق سياسية وتجارية ودون شعراً ونثراً. ولما جاءه القرآن لم 
يكن العربي أمياً والا فكيف تمكن من أن يستوعب هذه الآيات ذات العمق الديني 
والفكري والتي أنزلت بلغة على درجة عالية من الفصاحة والبلاغة. 


تتطور الخط العربي مع الزمن من وسيلة لنقل المعرفة إلى تعبير عن الجمالية 
والجمال حتى وصل في زمن العباسيين إلى ثمانين نوعاً من الخط. وقد ارتبط هذا 
التنوع بعد انتشار الإسلام بالجغرافية البشرية من بلدان وأعمال وعلوم وحرف إلخ.. 
من هنا جاءت هذه التسميات: كوفي» مدني» مکي» شامي» عراقي» يمني» مصريء 
رای اا ای کی بطل إن 





استعمل الإنسان العربي الخط قبل الإسلام ليستنسخ الكتب والخطب وليدوّن ما 
كان بحاجة إلى تدوين. وكان الكتاب قليلي العدد وعرفوا بالمستنسخين. ولما جاء 
فن الخط إلى الحجاز وانتشر نحو مكة اطلق عليه اسم الخط المكي. وبعد الإسلام: 
عندما هاجر النبي إلى المدينة دعي بالخط المدني. ولما أنشأ عمر بن الخطاب 
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مدينة الكوفة سنة 640م توسع استعمال الخط. فالبصرةء جارة الكوفةء كانت متقدمة 
في أكثر من فن فتأثر الخط العربي بهذا التقدم وأصبحت الكتابة جالسة على خط 
مستقيم وتحسنت كتابة الحرف. ونشأ في زمن قصير نمط جديد من الحرف العربي 
عرف بالكوفي في الكوفة والبصري في البصرى. ثم توحد الكوفي والبصري تحت 
اسم كوفي» والمكي والمدني باسم المكي. ومع نمو الحاجة إلى الكتابة أدخلت 
تحسينات على المكي والكوفي بما يمكن دعوته بالحرف اللين والحرف المقوّر. 
وعندما أدخلت الكتابة على الخشب والحجر عند بناء بيوت الصلاة تبين أن اللين 
والمقور بحاجة إلى تبديل فحل محلهما الخط "الجاف" و "اليابس". أما المصحف 
فكان له منذ البدء خطه الخاص والذي عرف بالمصحفي أو الكوفي المصحفي. 


يعتمد الخط الجيد على أربعة عوامل أساسية: القلم» الحبرء الورق» ومهارة 
الخطاط. وقد صنع العرب أقلامهم من أضلاع أوراق النخيل أو القصب أو جذوع 
الخيزران» كما جلبوا الحبر من الصين قبل أن يصنعوه من السخام والرتنج (مادة 
صبغية) والعفصة الجوزية. أما الورق فجلبوه في أول الأمر من الصين قبل أن 
يصنعوه من الكتان ودعوه بالخرساني والذي ما لبث أن انضمت إليه أوراق أخرى 
عرفت بالسليماني والطالحي والفرواني والجعفري. أما الرق الذي كان استعماله قبل 
الورق فقد ظل يستعمل حتى القرن التاسع ميلادي بينما ظل البّردى يستعمل حتى 
القرن العاشر. 
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تعددت أنواع الخط العربي لكن أقدمها كان الخط الكوفي المصحفي والذي منه 
تطورت باقي الخطوط.' وكان الكوفي الذي ظهر في القرن السابع ميلادي أكثر 
من نوع واحدء بينه الكوفي المصحفي المايل والكوفي المصحفي المشق والكوفي 
المصحفي المحقق والكوفي الحديث. ثم جاء الجليل الذي ظهر في دمشق في القرن 
السابع» كذلك القيرواني الذي ظهر في القيروان أيام عقبة بن نافع» وتبعه الثلث في 
القرن التاسع وهو أجمل الخطوط العربية وأصعبها كتابة. وجاء بعدها: الثلثين» 
والتوقيع» والرئاسي» والنصف» والخفيف» والحوائجي» والمسلسل» وغبار الحلية 
والمعمّرة» والنسخ الذي وضع أسسه ابن مقلح في القرن العاشر ميلادي في العراق. 
وتتالت بعدها الخطوط بين القرن العاشر والقرن التاسع عشر. وأبرز هذه الخطوط 
المغربي في القرن العاشرء فالسوداني الذي ظهر في تمبكتو في القرن الثالث 
عشرء والديواني في تركيا في القرن الخامس عشرء والمعلّق الذي وضعه محمد بن 
الحسن الطيبي في مصر في القرن السادس عشرء والسمرقندي في القرن الخامس 
عشرء والهندي في القرن السادس عشر. 


' A. Khatibi & M. Sijelmassi, The Splendor Of Islamic Calligraphy, 
1994 «Thames and Hudson, pp. 96-97 
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القياسات في التصميم 
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الفصل السادس: القياسات في التصميم 


برامج التصميم المختلفة تستخدم وحدات قياس متعددة من أجل معرفة المساحة 
الفعلية التي سيكون عليها التصميم المطلوب» وعادة ما تستخدم هذه البرامج 
ما سنشرحها في السطور القادمةء وفي البداية يجدر ذكر أنواع الصفحات 


اليا بالسئتمية 
a‏ ياس (بالسنتميتر) 
ÛطJg (Height)‏ عرض (Width)‏ 


وحدات القياس المستخدمة: 





ا 


© ]0101 - وكل 28.346 بوينت تساوي 1 سح . 
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Inch ®‏ — وكل 1 إنش يساوي 2.4 سح . 
Mı1l1meter ©‏ - وکل 10 ملم تساوي 1 سم. 
Centimeter ©‏ - وکل 100 سم تساوي 1 متر. 


قياس بعض أكثر التصاميم استخداما: 
1- كرت فيزت (0210) 811512655): 25 9 سم 
2- ورق مروس (1.6]]615620): نفس قياس 44 (21 2< 29.7 سم) 


3- بروشور: متعدد القياسات. 


ولكن هذا لا يعني أنه يجب على المصم الالتزام الصارم بهذه القياسات» ففي بعض 
الأحيان من الجميل الخروج عن المألوف» فالتصميم هو عالم الخروج عن المألوف 
وكسر المعتاد» إنتاج ما هو جديد. 
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الفصل السابع 
الألوان 
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الفصل السابع: الألوان 
تمهيد: 


الألوان موجودة منذ أن خلق الله الأرض وأمره بإعمارهاء ولطالما كان اللون أحد 
أهم العناصر التي جعلت الحياة على الأرض ممكنة:؛ فقد تمكن الإنسان على مر 
العصور من تحسس الألوان والتعايش مع طبيعة كل لون» وهو أدرك أن كل لون 
يختلف عن اللون الآخرء فالإنسان في العصر الحجري كانت عنده القدرة على 
التمييز بين الألوان الحارة والألوان الباردة ويظهر ذلك من خلال الرسوم التي تم 
العثور عليها في الكهوف» فقد عرف الإنسان أن الأحمر والبرتقالي والأصفر لها 
علاقة بالشمس والنورء كما عرف أن الأخضر متعلق بالطبيعة من حوله» وعرف 
الإنسان في بلاد الرافدين أن الأزرق يرمز للسماء فكثر استخدام الأزرق عند 
السومريون وخصوصاً في بناء الزقورات. )١(‏ 


تعددت التعاريف التي تناولت اللون» فقد عرف أهل العلم اللون كل بحسب 
اختصاصه» أما التعريف الشامل للون فهو الخبرة النفسية الفردية لإدراك المرئيات 
وهذه الخبرة تتنبه وتتحفز بواسطة الطيف الشمسي المرئيء والذي هو جزء ضيق 
من أطول موجة ضوئية لأشعة كهرومغناطيسية لها القابلية على إنتاج التحسس 
عندما تستلم من قبل العين البشرية» حيث تمرر العين هذا المحفز إلى المخ ليحلل 
ويفسر طبقاً للمعرفة الشخصية والتجارب السابقة للمشاهد (7)» فإذا سألت الطفل 


() الزقورات: نوع من أنواع المعابد الدينية التي اشتهر بها السومريون في حضارة وادي الرافدين 
وتكون هرمية الشكل يرتقي إليها عن طريق سلم خارجي الى قمة الزقورة التي قد يصل ارتفاعها 
الى مائتين متر تقريباًء وفي القمة توجد غرفة المذبح وصومعة العبادة التي منها يتصل الكهان أو 
رجال الدين بالهتهم. 

() علي البدري» التقنيات العلمية لفن الخزف - التزجيج والتلوين» الطبعة الأولى» 2002ء 
عراف 
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يشير إلى عدد كبير من الألوان» وهذا ما يؤكد مصطلح (الخبرة النفسية). 


نظرية الألوان: 


من خلال ما ذكر نصل إلى نتيجة أن اللون ليس مادة ملموسة؛ بل إحساس 
ناتج عن موجات كهرومغناطيسية تشكل الضوءء تتلقى الأعين هذه الموجات. 
وتتولى الأدمغة ترجمتهاء فيتولد عن ذلك إحساس نسميه الألوان. ولكل لون موجة 
بأطوال محددة» طول الموجة هو المسافة التي تفصل بين نقطتي الذروة في 
الموجة؛ على سبيل المثال تعود الموجات الأطول في الضوء المرئي إلى اللون 
الأحمرء أما الأقصر فهي للون البنفسجي. 


تنتج الموجات الوسيطة ألوانا أخرىء» أما الضوء الأبيض فهو مزيج لجميع 
الألوان؛ هذا مأ يؤكده فوس فزح» فيعد ل يعبر صوء الشمس الأبيض من خلال 
قطرات الماء العالقة في الجوء يتجزأ إلى مجموعة ألوان على التوالي» البنفسجي» 
والنيلي» والأزرق والأخضر والأصفر والبرتقالي والأحمر. 


في حقيقة الأمر إن الأبيض والأسود و تدرجات الرمادي» هي حالات لونية 
خاصة تعتمد على كل من إشباع اللون وعلى الإضاءة. الإضاءة هي شيء خارجي 
بالنسبة للإنسان» بمعنى أن العين البشرية لا تقدر أن تتحكم بكمية الضوء المنعكس 
من على الأجسام. أما الإشباع فهو يعتمد على صبغة الأجسام الحقيقية وعلى قدرة 
العين البشرية على رؤية اللون التي تعكسه هذه الصبغات. 


لا تمك لاعن النحردة ان كرف ن ا وهي ذات الموجات الاه 7 
تلك التي تنتج البنفسجي؛ تعرف هذه الموجات بأشعة (ما فوق البنفسجية)» وهي 
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التي تمنح الصبغة لبشرتنا. ولا يمكن رؤية الموجات الأطول من الأحمر أيضا؛ 
وهي تعرف بأشعة ما تحت الحمراءء ويعود الفضل لها بإحساسنا بالدفء حين 
تعرضنا للشمس. عادة ما نبدأ برؤية الألوان حين تصل موجات الضوء المرئية إلى 
الشبكية» أي طبقة الخلايا عند مؤخرة العين. تتألف الشبكية من نوعين من الخلايا 
الحساسة تجاه الأضواء العمودية والمخروطية» حيث تسمح لنا الأخيرة باستيعاب 
اللون» وهي تعمل بشكل أفضل تحت تأثير الضوء؛ ومن الصعب أن تعمل في 
الظلام» أو ما بعد الغروب. 


يعود الفضل بالرؤية في الظلام إلى العموديات البالغة الحساسية تجاه الضوء 
وعديمة الحساسية تجاه الألوان؛ لهذا يبدو كل ما نراه ليلا رمادي اللون. حين يكون 
النور ساطعاء تبدأ ثلاشة مجموعات من المخروطيات بالعمل؛ تحوي هذه 
المجموعات الثلاث صبغ حساس تجاه الأزرق والأخضر والأحمرء وحين تصل 
موجات الضوء إلى مخروطيات الشبكية» يمتص كل صبغ موجات الضوء ليتعرف 
عليها. ينتج عن عملية الامتصاص هذه ردة فعل كيميائية تؤدي إلى إرسال إشارة 
كهربائية» تنقل الإشارة الصادرة عن كل من المجموعات المخروطية الثلاث 
والعمودية إلى قشرة الرؤية في الدماغ؛ تتولى هذه معالجة المعلومات التي يتم 
جمعهاء فينجم عن ذلك تحديد لون الصورة» لهذا تتمكن منظومة الرؤية لدينا من 
إعادة بناء كل الألوان التي يمكن تشكيلها عبر الألوان الرئيسية الثلاث» وهي 
اا ار ر ر و E‏ 
اجتمع شعاعين مثلاء أحدهما احمر والآخر اخضرء فوق شاشة بيضاء اللون» 
تفرض إحداهما على الأخرىء لتنشئ اللون الأصفر. 


عند تركيب الأخضر والأزرق ينتج الأزرق الداكن» وينجم عن الأزرق والأحمر 
لون أرجواني» أو اقرب إلى البنفسجيء واذا ما توافقت الألوان الرئيسية الثلاث 


بنسب متساوية» ينتج عن ذلك اللون الأبيض. 
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هناك عملية تركيب ألوان أخرى تعرف بتركيب الطرح., تتم هذه العملية عبر 
الصبغ بدل الضوء للوصول إلى الألوان التي يستعملها الرسامون. يطرح الصباغ 
الموجود في الطلاء بعض الموجات الضوئية من الضوء الأبيض ليعكس أخرى. 
يعود ذلك إلى التركيبة الجزئية للصباغ, فالطلاء الأحمر مثلا يبدو احمراًء لأنه 
يمتص كل الألوان التي يتشكل منها الضوء الأبيض باستثناء الأحمر الذي يعكسه 
والذي تتلقاه أبصارنا. 


تعتبر الألوان الرئيسية في عملية الطرح» الأصفرء والأزرق الداكن» والأرجواني؛ 
أما مزج الأصفر والأزرق الداكن فيؤدي إلى الأخضرء كما يؤدي مزج الكمية 
الممائلة من الألوان الثلاثة إلى اللون الأسود؛ لان تركيبة الألوان الثلاثة تمتص كل 


لون الأشياء يعتمد أيضا على الضوء المسلط عليهاء والحقيقة أن ليس للأشياء 
ألوانا بل تنعكس ألوانها وفق الإنارة التي تعكسهاء كما أن تركيبة الضوء المسلط 
قلا تر ايضنا غامد بكاسيا: 


إذا سلط الضوء على سطح أزرق سيبرز اللون الأزرق وحده؛ واذا سلط عليه 
اللون الأصفر سيبدو السطح اسودء لأن السطح الأزرق يمتص الضوء الأصفر 
بالكامل» ولهذا لا يعكس السطح أي لون عند تعرضه لشعاع اصفر. تتكرر هذه 
الظاهرة مثلا عند القيادة عبر الأنفاق» المضاءة بأنوار بخارية؛ اللون الوحيد الذي 
تعكسه هذه الإنارة هو الأصفرء لهذا تبدو الملامح شاحبة تحتها . 


يستطيع نظام الرؤية لدينا التعود على الضوء القائم» حتى أنه يتغاضى عن 


المتغيرات في الإنارة» فيمنح الأشياء لونها الحقيقي؛ يتم ذلك بعدم الاعتماد فقط 
على النور الذي تعكسه هذه الأشياءء بل بأخذ هويتها أيضا بعين الاعتبار. فبما أن 
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ضوء النهار يتغير بين أوقات الصباح الأولى والغروب والمساءء تبدو الأشياء 
بالنسبة لنا دائما بالألوان نفسها . 


هناك ثلاث معايير لقياس اللون وهي: 


1) التدرج (1106): وهو التدرج في سلم الألوان من اللون الأحمر إلى اللون 
البنفسجيء كلمة ©1110 هي اختصار لكلمة) 1101032 أي إنسان) وهي تعني 
باختصار ألوان الطيف التي تتمكن عين الإنسان من رؤيتها.. 

2) التشبع (521611136101): وهو كمية تشبع اللون بكثافة معينةء فمثلاً 90100 

3 القيمة (172116): وهي كمية الضوء في اللون» فهناك الألوان الفاتحة والألوان 
الغامقة. 


تباين الألوان: 


تباين الألوان مبني على نسب توزيع اللون «(Hue, Saturation, Value)‏ 
ويقسم تباين الألوان إلى نوعين هما: 


. تباين متزامن (00121125]6) 511211113260115): وهو التباين الذي يظهر 
نتيجة التأثير البصري لوضع لون فوق لون آخر أو بجانبه. 
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4t 0‏ 1157: وهو التباين الذي ينتج نتيجة التأثير البصري لوضع 


لون وحوله لون آخر. 


أنظمة ونماذج ألوان الكمبيوتر المستخدمة في التصميم الجرافيكي: 


برامج الجرافيك تفرق بين ألوان الضوء وألوان الصبغات المعدة للطباعة» فهذه 
لها ف تفن ما تلك لها أنظليمة ري ا نوات الضموع: ألواة الشاشية 
التى تجلس أمامها الآن» وهى ليست ألوان طباعة» بمعنى أنك ترى الصورة على 
الشاشة بمظهر ولكن عند طباعتها تجد ألوانها قد اختلفت» فإذا أردت ان تعرف 
السبب فتتبع السطور التالية: 


أولآً يجب أن تعرف أن برامج الجرافيك تتعامل مع ألوان الصورة من خلال ما 
يعرف بالأنظمة اللونية (5©ع8400 001017)) التى يوضع بعضها وفقاً لنماذج لونية 
(510015 0010)).» وفي التالي توضيح أكثر: 


النظام اللوني (ع5100 00101)): 


لكل صورة تعرض فى الكمبيوتر نظام لوني خاصء وهو الذي يحدد المعلومات 
اللونية الخاضية يكل يكسل. من يكسلذت: الضدؤرة» سوا كانة الضيورة ملونة أو 


رمادية أو أبيض وأسودء ولكل نوع النظام الخاص به. 


النموذج اللوني (1ع15100 00101)): 
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قلنا أن النظام اللوني يختص ببرامج الجرافيك» أما النموذج فليس كذلك؛ فهو 
أسلوب للتعامل مع الألوان وضعه مجموعة من المتخصصين ليس للتعامل مع 
برامج الجرافيك فحسب وانما مع الأجهزة المختلفة» كشاشات العرض والفيديو 
والإضاءة وغيرها؛ أي أنه اسلوب للتعامل مع الألوان تم اعتماده عالمياً ليكون 
وسيظا للتغامل نين كافة الأحهزة التختلفة: 


فماذا نعني إذاً عندما نقول أن النظام اللوني ۸68 مثلاً فى برنامج الفوتوشوب 
وضع وفقاً للنموذج اللوني 868؟ 


دعنا نقرب الأمرء ألا نقول أحياناً أن دولة كذا تسير على النظام الديمقراطي؟ 
فمن أين جاء هذا النظام؟ لقد وضع وفقاً للنموذج الديمقراطى المنصوص عليه فى 
الدستور والذي أعده مجموعة من المتخصصين وأساتذة القانون» لنطبق هذا على 
الفوتوشوب فنقول أن نظام 11018 الذي يعمل به الفوتوشوب قد وضع وفقاً للنموذج 

6٩8‏ الذي وضعه المتخصصون فى مجال الألوان وأصبح معتمداً فى كل مكان 
فى العالم. 


1 النماذج اللونية 
النموذج اللوني (1ءdكهM :)HS8‏ 
سيكون مفهوم هذا النموذج هو الأقرب لديك» لأنك تتعامل به يومياً مع كل ما 
حولك من الأشياءء فهو يعتمد على الرؤية الإنسانية للون» وأكبر دلالة على هذا 
هو اسمه 11918 وهو اختصار للخصائص الثلاثة الأساسية لأي لون» وهى الصبغة 
11117 ]والتشبع 5411114110117 والبريق 81210111711155 وسنذكر الآن 


تعريف هذه الخواص: 
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الصبغة (11017): 


هو اللون المنعكس من أى مادة بدون تأثير الخواص الأخرى (وهذا لا يتأتى إلا 
نظرياًء فاللون فى الطبيعة تختلط فيه الخواص الثلاث) وعلى العجلة اللونية فإن 
الصبغات هي الموجودة على محيط الدائرة والمحصورة بين صفر و 360 من 
الدرجات» وفى استخدامنا العادي نعرف الصبغة باسمها كالأحمر والأخضر 
والأزرق» ولكن عندما تتعمق فى الدراسة أكثر ستعلم أن هذه الكلمات تحمل بين 
طياتها الخواص الأخرى كالتشبع والبريق. 


التشبع (6471710411017: 


ويطلق عليه أحياناً 11102341/4© وهو قوة اللون أو بمعنى أدق نقاء اللونء 
ويعبر التشبع عن نسبة الدرجات الرمادية فى اللون وتتراوح نسبته بين الصفر (وهو 
الرماديات) حتى المائة (وهو اللون التام التشبع الخالى من درجات الرمادي)» وعلى 
العجلة اللونية فإن التشبع يزيد كلما اتجهنا للحواف الخارجية للدائرة ويقل كلما 
اتجهنا للمركز» والآن نريد أن نقرب مفهوم التشبع إلينا أكثرء فتذكر عندما تذهب 
لشراء ملابسك وتختار ألوانهاء فبينما تستعرض البضائع فى الفترينات ألا تقول 
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أحياناً إن هذا اللون (فاقع) ؟ إن هذا معناه أنه عالي التشبع» وتقول عن لون آخر 
أنه باهت (هذا معناه أنه قليل التشبع). 


البريق (08110111771755: 


وهذه الخاصية التى تعتمد على نسبة الضوء فى اللون وتتدرج من الصفر 7 
(وهو الإظلام التام الذي يصل إلى الأسود) حتى (%100) وهو الإضاءة الكاملة 
التى تصل إلى الأبيض). والآن هل تذكر هذه الخاصية فى الطبيعة؟ ألم تشاهد 
وا عمود اسطوانى فى أحد المباني قد سقط عليه ضوء الشمس؟ ألا تراه في أحد 
جوانبه مضئ تماماً لدرجة تكاد تصل للأبيضء وعلى جانب آخر مظلم لدرجة تكاد 
تصل للأسودء هل تعرف السبب؟ إن هذا بسبب نسبة الضوء الساقطة على كل 
جزء» فالجانب المواجه للشمس يعكس قدراً كبيراً من الضوءء أما الجانب الآخر 
البعيد عن الشمس فلا يصله إلا نسبة ضئيلة من الضوءء وفي الطبيعة يصل 
الضوء لكل جزء ولكن بنسب مختلفة» لذلك ينصح الفنانون بعدم استخدام اللون 
الأسود لإعطاء الظلال وانما تستخدم درجات من الرمادي» ولكن لأن عالم القصة 
المصورة وخاصة ال 01010ج© هو عالم فانتازى فإن رساموه يكسرون هذه القاعدة 
ويستخدمون اللون الأسود لإعطاء الظلال أثناء التحبيرء أما نوع ال 16211510 وهي 
القصص المصورة التى تحاكى الطبيعة فإن رساموها لا يستخدمون اللون الأسود 
بنفس الغزارة. 


لابد أنك أدركت الآن مفهوم الخواص» الصبغة 1106 والتشبع 53611126102 
والبريق 8115112655 ومن حروفها الثلاث جاء اسم هذا النموذج موضوع الحديث 
38 أى أنك بتعديل هذه الخواص الثلاث تحصل على أى لون تريده من خلال 
هذا النموذج» وهذا النموذج هام لأن الفوتوشوب يتعامل به في أحوال عديدة» مثل 
التقاط اللون ولوحة الألوان وضبط ألان الصورة وغيرها. 
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:(RGB Model) نموذج‎ 


وفي هذا النموذج نتعامل مع ألوان الضوءء وهو يعبر عن الأطياف المرئية التى 
تنتج من خلط الألوان الثلاثة: الأحمر 160 والأخضر 01667 والأزرق 81106 
بنسب مختلفة» ومن حروفها الثلاثة الأولى جاء اسم هذا النظام. 


بخلط الأحمر التام مع الأزرق التام ينتج اللون الفوشيا (71386212)؛: وبخلط 
الأحمر التام مع الأخضر التام ينتج اللون الأصفر (61101؟)» وبخلط اللون 
الأزرق التام مع الأخضر التام ينتج اللون اللبني (09830))» وبخلط الأحمر التام 
والأخضر التام والأزرق التام ينتج اللون الأبيض» ولهذا السبب تسمى أحياناً ألوان 
58 +بالألوان المضافة 001015 20016176 لأن مجموعها ينتج اللون الأبيض. 
وهذا النموذج اللوني ۸68 يتعامل مع الشاشات والفيديو والإضاءة وغيرها. 


:(CMYK Model) نموذج‎ 


وهذا النموذج معد لألوان الطباعة» والألوان الرئيسية في الطباعة هي: ,١2و٣‏ 
Magenta, Yellow, Black‏ ومن حروفها الأربعة الأولى يأتي اسم نظام 
MY‏ لكنهم استخدموا حرف ال K‏ للتعبير عن اللون الأسود بدلا من الحرف 
الأول وهو ال 8 حتى لا يختلط الأمر مع حرف ال 8 الذي يعبر عن الأزرق فى 
ألوان ۸68 » ونظرياً فإن اتحاد الألوان الثلاثة» اللبنى 2قت© والماجنتا 7/1361 
والأصفر 89611017 ينتج عنهم اللون الأسودء ولكن لا يحدث هذا فى الواقع» لأنه لا 
توجد الأحبار بمثل هذا النقاء» وانما تكون عادة مختلطة بشوائب» مما ينتج عن 
خلط الألوان الثلاثة لون بني محروق» ولهذا أضيف اللون الأسود إلى ألوان 
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الطباعة فأصبحت ألوان الطباعة أربعة ألوان: .)۲ COM‏ ولأن طرح جميع الألوان 
فى هذا النظام ينتج عنه اللون الأبيض فإنها تعرف أحياناً باسم الألوان المطروحة 
coos‏ ubtractiveء»‏ لذلك فعند حديتك عن الطباعة لا تقول (اللون الأبيض) 
لأن معنى وجود مساحة بيضاء فى الطباعة أنها تخلو من أي لون» فلا تقل مثلاً 
أنني سأطبع ورقة حمراء مكتوب عليها باللون الأبيض» ولكن قل أنك ستطبع ورقة 
حمراء عليها مساحات تخلو من اللون تمثل الكتابة. 


وهي الأشهر والأكثر أهمية فى التعامل مع برنامج الفوتوشوب» ويبقى لدينا نموذج 
8ك.آوهو أقل أهمية من سابقيه بالنسبة للمستخدم العادي» ولكن هذا لا يمنع أن 


:(LAB Model) چذgai‎ 


وضع هذا النموذج أساساً كنموذج لألوان الإضاءة من قبل الهيئة العالمية 
ني¦ضlءة (Le commission Internationale (De) Eclairage)‏ ثم أعيد 
تعریفه وتسمیته عام 1976 باسم نموذج (1۸8])» وقد صمم کنموذج مستقل 
لإنتاج ألوان ثابتة بغض النظر عن الجهاز الذي تعرض من خلاله؛ سواء كان 
جهاز كمبيوتر أو شاشة أو فيديو أو ماسح ضوئي .. الخ» ويتكون اسم النظام من 
ثلاثة حروف ۸8 » حيث حرف ال 1 يعبر عن الإضاءة Luminance‏ » أما 
حرف ال ۸ فيرمز لتدرج بين لونين هما الأخضر والأحمر» وحرف ال 8 يرمز لتدرج 


بين لونين هما الأزرق والأصفر. 


ومن خلال التحرك بين هذه التدرجات وضبط الإضاءة تحصل على أي لون 
تريده» وكما قلنا أن هذا النموذج من ألوان الضوءء وألوانه لا تصلح للطباعة. 
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2 الأنظمة اللونية 
النظام اللوني (ع8100 18013): 


وقد وفقاً للنمودج اللوتي, ۸68 الذى بق الذي عنده ويتكون من لكان 
الثلاثة: الأحمر 160 والأخضر 615667 والأزرق 6 » وتقاس شدة كل لون بقيم 
تبدأ من صفر حتى 255» فإذا أردت مثلاً الحصول على لون أحمر براق فاجعل 
قيمة الأحمر 246 وقيمة الأخضر 20 وقيمة الأزرق 50» وتحصل على اللون 
الأبيض بجعل القيم الثلاثة 255 وتحصل على اللون الأسود بجعل القيم الثلاثة 
تساوي الصفر. وهذا مفهوم بالطبع من حديثنا السابق عن النموذج ۸68. 


ونظام ۸68 يحتوى على ثلاث قنوات لونية» كل قناة لونية تحتاج إلى 8 بت 
من المعلومات» أي أن عرض البكسل الواحد يحتاج إلى 3×8 = 24 بت من 
المعلومات الخاصة باللون» والصور تعرض على الشاشة بنظام ۸68 أیاً كان 
نظامها الأصليء ونظام 1013 هو ألوان ضوء معدة للعرض على الشاشات وليس 
الا غ 


:(CMY¥K Mode) النظام اللوني‎ 


يعمل وفقاً للنموذج اللوني KM۲)‏ الذي شرحناه سابقاًء وهذا النظام يتكون من 
أربعة ألوان رئيسية: اللبنى 5982© » والماجنتا 712561212 » والأصفر 97611019 › 
والأسود 81301» وكل لون تتدرج قيمه اللونية من صفر إلى 100 %» وكلما قلت 
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النسبة قلت شدة اللون والعكس صحيح» فعلى سبيل المثال لتحصل على لون أحمر 
براق يمكنك جعل قيمة ال 9/82) تساوي 72: وقيمة ال 113561212 تساوى 097/»: 
وقيمة ال /11017علآ تساوي 793» وقيمة ال >[ع813 تساوى الصفر. 


والنظام CM ۲K‏ معد لألوان الطباعة» فألوانه هي نفس ألوان الطباعةء فإذا 
أردت أن ترى الصورة على الشاشة كما ستراها بعد طباعتها فحولها لهذا النظاب 
كما أن هناك وسائل أخرى لتحويل مظهر الرؤية إلى 0247/16 دون تغيير النظام 
سيأتى شرحها لاحقاً. 


وهذا النظام له أربعة قنوات لونية تحتاج كل منها إلى 8 بت من المعلومات 
الخاصة باللون» أي أن البكسل الواحد يحتاج إلى 4×8 = 32 بت من المعلومات 


بالرغم من أنك قَدْ لا تستطيع رُؤية الاختلاف بين صورة في نمط ألوان 
))M¥6(‏ وصورة في نمط ألوان (۸68) على الشاشة إلا أن الصور فعليا 
مختلفة جداًء حتى أن الصورة المكونة على نظام (868) حجمها أقل من تلك 
الصورة المكونة على نظام (7/15/16©). 


النظام اللوني (ع3100 1.413آ): 


وضع وفقاً للنموذج اللوني 1418 » وقد سبق شرحه وطريقة تعامل الفوتوشوب 
معه. وهذا النموذج له ثلاث قنوات لونية» أي أن البكسل الواحد يحتاج إلى 24 بت 
من المعلومات الخاصة باللون كما فی نظام R68‏ 
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:(Grayscale Mode) مlظiلl‎ 


هو نظام من درجات الرمادي فقطء ويخلو من الألوان» ويستخدم 256 درجة من 
الرمادي» ولكل بكسل قيمة تحدد درجة الرمادي به وتبدأ من الصفر (أسود) إلى 
5 (الأبيض)» ويمكن أن يقاس أيضاً بالنسب المئوية من صفر إلى %100 › 
وهو نموذج معتمد للتعامل مع الأجهزة المختلفة مثل الطابعات والماسحات 
الضوئية» ويمكنك تحويل أى صورة من أي نظام إلى نظام 0183/5216 ولكنها فى 
هذه الحالة تفقد جميع المعلومات الخاصة باللون» وتبقى فقط المعلومات الخاصة 
بالإضاءة والتى تعبر عنها درجات الرمادي. والصورة فى هذا النظام تحتاج إلى 8 
بت من المعلومات الخاصة باللون للبكسل الواحد. 


:(Bitmap Mode) مlظiأl‎ 


هو نظام بسيط يتكون من لونين: الأبيض والأسودء فأي صورة تعرض بهذا 
النظام هي عبارة عن بكسلات سوداء متجاورة» لذلك فهو لا يصلح إلا للتعامل مع 
الكتابات أو أي خطوط مرسومة مثل الخرائط لذلك يستخدمه العديد من فناني 
القصة المصورة عند عمل مسح ضوئي للوحاتهم التي تم تحبيرها لتدخل إلى 
الشاشة على هيئة خطوط سوداءء لأن المسح الضوئي باستخدام هذا النظام يمنع 
الماسح الضوئي من قراءة أي معلومات لونية سوى المعلومات الخاصة باللون 
الأسود والذي تزيد نسبته عن %50 » فهو يتجاهل الدرجات الرمادية الخفيفة» وبهذا 
يضمن الفنان عدم ظهور أي أثر لبقايا القلم الرصاص التى ربما تكون مازالت 


موجودة بالورقة. 
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وهذا النظام لا يحتاج سوى ل 1 بت من المعلومات اللونية لعرض البكسل 
الواحدء لأنه لا يوجد سوى اللون الأسودء أي أن عمق الصورة فى هذا النظام 1 
بت» وقد سبق الإشارة لهذا وأهميته عند حفظ صورة أبيض وأسود أو إرسالها عبر 


اا 


هذا النظام يوضح لك الفارق بين النماذج اللونية المصممة للتعامل مع كافة 
الأجهزةء والنظم الموضوعة لبرامج الجرافيك» فهذا النظام يعتمد على البكسل وطرق 


:(Doutone Mode) النظام اللوني‎ 


هو نظام لوني يستخدم إما لون واحد فيسمى 71027010726 » أو لونين فيسمى 
©2200, أو ثلاثة فيسمى 1516006 » أو أربعة فيسمى 01120060026 لينتج 
صر دات تترجات من خليظ من الألوان الى كم اخكيازهاء أي أنها' فى االقيايه 
تكورة: قذوحات للؤنت: :واحت مثل الصيوزة الرماذية بولك الفارق :هنا أن اللون :ا 
يقتصر على الأسود فقط ولكن أي لون يتم تحديده» أي أن هذا النظام يحتوى على 
قناة لونية واحدة تمثل اللون المخلوط. وفائدة هذا النظام أنه يعطي تناغم جيد 
لدرجات اللون» ويعطى الصورة تأثيراً تحتاجه فى بعض الأحيان. 


تلاحظ فى هذا النظام أنه يحتوي على قناة لونية واحدة مثل نظام 6123:5216 
أي أنك تكون قد حصلت على لون إضافى لصورتك دون أن تضطر لتحويلها 
لنظام ۸68 أو أي نظام لوني آخرء أي أن الحيز الذي تشغله الصورة يظل تابتاً. 
والصورة فى هذا النظام تحتاج إلى 8 بت من المعلومات الخاصة باللون للبكسل 
الواحد. 
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:(Indexed Color Mode) النظام اللوني‎ 


هذا النظام يستخدم 256 لون»ء ولكنها ليست درجات للون واحدء إنها ألوان 
مختلفة» أي أنه يعطيك فى المحصلة صورة ملونة» وعند تحويل صورة إلى نظام 
17 1206260 في الفوتوشوب فإن البرنامج يقوم بتاع دول خاضن: الوا 
الصورة 12516' 001017) يحتوي على 256 لونء ويمكنك الوصول لهذا الجدول 
وتعديل الألوان به» وحذف بعضها واضافة أخرى» ويمكن إعداد جدول بشكل معين 
وحفظه وتطبيقه على صورة أخرى. 


وهذا النظام يحتاج لقناة لونية واحدةء أي إلى 8 بت من المعلومات الخاصة 
باللون لكل بكسل مثل نظامي (1(01006 , 0133:509316): أي أنه يمكنك 
الحصول على صورة ملونة بنفس الحيز الذي تشغله الصورة الأبيض والأسود. 
ولهذا السبب فهذا النظام مثالي عندما تكون فى صدد إعداد بعض الصور لعرضها 
على الويب» فهو يحتفظ بألوان الصورة بأقل حيز ممكنء فستحتاج لهذا النظام 
بالتأكيد إذا أردت إعداد صورة للويب ذات خلفية شفافة أو صورة متحركة من نوعية 
(015). 


:(Multichannels Mode) النظام اللوني‎ 


تحدثنا سابقاً عن نظام KM۷)‏ فقلنا أنه يحتوى على أربعة قنوات لونية» وعن 
نظام 1101 فقلنا أنه يحتوي على ثلاث قنوات لونية» وه قنوات ثابتة» بمعنى أنك لا 
تستطيع تعديل ألوانها فى لوحة القنوات (Channels)‏ اما i¡ظlم Multichannels‏ 
فهو نظام يحتوي على عدة قنوات يمكنك تحديد عددها وتغيير ألوانهاء ولكل قناة 


125 


لونية يستخدم الفوتوشوب تدريج خاص لها يتكون من 256 درجة» وتلاحظ فى هذا 
النظام التالي: 


. أنه مثل الأنظمة العادية إلا أن القنوات الأصلية ( 01181081 
5 تحولت إلى قنوات معينة (15ع01322) 50014). 

8 عند التحويل إلى نظام 511111011211615 تعتمد المعلومات الخاصة 
بتدرج الرماديات على المعلومات الخاصة بكل قناة من القنوات السابقة. 

٠‏ عند التحويل إلى نظام 71111101321615 فإنه يحتفظ بنفس أسماء وعدد 
القنوات الأصلية والتى يمكنك تعديلها بعد ذلك. 

. عند حذف أي قناة لونية من نظام ۸68 أو نظام )۲ KOM‏ فإن الصورة 
تتحول أوتوماتيكياً إلى نظام Multichannels‏ 


:(Color Channels) القنوات اللونية‎ 


قلنا أن وسيلة التفاهم بين المعلومات اللونية الخاصة ببكسلات الصورة 
المعروضة وبين البرنامج هى النظم اللونية» وهذه النظم بالتالى لها قاعدة بيانات 
تنظم هذه المعلومات اللونية وطريقة التعامل بهاء هذه القاعدة هى ما يعرف 
بالقنوات اللونية 002322615 200101» فكل نظام يتم تقسيمه إلى قناة أو أكثر تحتوي 
على الألوان المكونة لهذا النظام» فنظام )۲ CM‏ مثلاً يتكون من أربعة قنوات 
لونية: قناة لل 0973) وقناة لل Magenta‏ ,liãة‏ لل Black J ةliã, Yellow‏ « 
ونظام 11018 يتكون من ثلاث قنوات لونية: قناة للأحمر 1160 وقناة للأخضر 
0 #تقناة للأزرق 8116» ونظام 14۸8 يتكون من ثلاث قنوات لونية: قناة لال1 
أي الإضاءة » وقناة لد ۸ أي التدرج من الأحمر للأخضرء وقناة لل 8 أي التدرج 
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مز ال رو اا <« والنظم Indexed color sg Grayscale‏ ڪ g Duotone‏ 
3 اإيحتوي كل منها على قناة لونية واحدة. 


ويمكنك تخيل مفهوم القناة اللونية إذا كنت شاهدت من قبل خطوات عملية 
الطباعة» والأقرب لك هي الطباعة العادية على الطابعة 2610667 الملحق بجهاز 
الكمبيوتر» فإذا كنت قمت بتغيير حبر الطابعة فى أحد المرات بالنسبة للطابعة 
الملونة» ألم تلاحظ أنها تحتوى على أربعة عبوات من الألوان الأحمر والأزرق 
والأصفر والأسود» يمكنك أن تعتبر القنوات اللونية المقابل لهذه العبوات اللونية. 


:)Color gamut) المدى اللوني‎ 


هل سألت نفسك مرة أثناء العمل على برنامج الفوتوشوب لماذا لا أستطيع 
الحصول على الدرجة اللونية بالضبط؟ ألم تتخيل ذات مرة درجة لونية محددة رأيتها 
فى الطبيعة وحاولت الحصول عليها فى برنامج الفوتوشوب فلم تستطعء ولكنك 
عثرت على درجة قريبة منها؟ ما السبب فى هذا ؟ 


لا يوجد أي جهاز عرض أو أي نظام طباعة في العالم قادر على إنتاج كافة 
الألوان التى تراها العين البشرية» وانما لكل نظام أو نموذج لوني مدى محدد من 
الألوان لا يستطيع أن يتعداه» ويختلف هذا المدى من نظام لوني لآخرء فعلى سبيل 
المثال المدى اللوني لنظام ۸68 أكبر من المدى اللوني لنظام MY)‏ » أي أن 
درجات الألوان التى تستطيع رؤيتها فى نظام 1101 أكبر من درجات الألوان التي 
تستطيع رؤيتها فى نظام 0217/1 » أو بمعنى آخر أنك قد تقوم بتنفيذ صورة فى 
نظام ۸68 ولكنك لا تستطيع أن تراها بنفس المظهر فى نظام 0301/12 » وكذا 
فإن نظام 1,413 المدى اللوني له أكبر من المدى اللوني لنظام 18018 » أو بمعنى 
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آخر أنك قد تقوم بإعداد صورة معينة بنظام 1,48 » ولكنها إذا عرضت على جهاز 
عرض لا يدعم سوى نظام 11018 فإنك لا تستطيع رؤيتها بنفس الألوان. 





#-المدى اللونى لنظام اها 
'-المدى اللونى لنظام 8038 


- المدى اللونى لنظام 61/11/16 


والواقع أن أهمية المدى اللوني تظهر أكثر عند إعداد صورة للطباعة» فقد تنفذ 
الصورة فى نظام 10061 وعند طباعتها تلاحظ أن هناك ألوان قد اختلفت تماماً عما 
كنت تراه على الشاشة»ء وذلك لأن الطباعة تستخدم نظام )۲ CM‏ » ولهذا السبب 
وضع برنامج الفوتوشوب خيار 77211115 7312111) ضمن قائمة 1/1617 » وهذا 
الخيار يعد بمثابة تحذير من وجود ألوان ستتغير عند الطباعةء فإذا كنت تعمل فى 
صورة فى نظام 10018 ثم نشطت خيار 783111128 ]02311011 ستجد أن هناك بعض 
مناطق الصورة قد تم تغطيتها بلون رمادي» وهو ليس لون تلوين» وانما هو مجرد 
تحذير أن هذه المناطق تحتوي على درجات لونية لا تقع فى نطاق المدى اللوني 
لنظام 18618 وبالتالي فإنها ستتغير عند الطباعة. 


ولاحظ أن مفهوم المدى اللوني أكثر اتساعاً من هذاء فهو ليس مجرد الفرق بين 
نظام لوني وآخرء بل يشمل أيضاً الفرق بين البرامج وبعضهاء وبين أنظمة التشغيل 
وبعضهاء فعلى سبيل المثال المدى اللوني لنظام ويندوز يختلف عن المدى اللوني 
لنظام ماكنتوش» ولهذا تختلف الصورة عند عرضها من أحد هذين النظامين للآخرء 
كما يختلف المدى اللوني من جهاز عرض لاخرء فالصورة على شاشة الكمبيوتر 
تختلف عن الصورة على شاشة التلفزيون» بل يمتد مفهوم المدى اللوني فى الطباعة 
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ليشمل نوعية الورق ذاتهء فالمدى اللوني عند الطباعة على ورق فاخر أكبر من 
المدى اللوني عند الطباعة على ورق الجرائد. 


Spot Colors & Process ( ألوان النقط والألوان المستمرة‎ 
:(Colors 


كلا الطريقتين في التلوين تستعملان في المطابع التجارية حيث تطبع آالاف 
النسخ؛ وهما يعتمدان على نظام الأربعة ألوان (071/12).؛ إلا أن سبوت كلرز 
تستعمل في التصماميم والوثائق التي لا تحتوي على صور بحاجة إلى الخلط 
)M1×(‏ لإنتاج ألوانهاء فمثلاً عند تصميم بروشور فإن الصور الفوتوغرافية تحتاج 
لطريقة (sوعءهإ۴)‏ وهي تعني أن الصورة ستمر بأربع مراحل للتلوين ( ,١2ر٣‏ 
.)Magenta, Yellow, and Black‏ أما إذا كان هناك شعار أو نص كتابي أو 
شكل معين فأنه لا داعي لاستعمال طريقة (700655©)» إذ أنه يمكننا استخدام 
طريقة (0۲م5)» وهي الألوان التي تكون مباشرة وتستخدم لمماثلة نفس اللون الذي 
عادة ما يقاس بنظام (2386006): حيث أن لكل لون من ألوان (9504) رقم 
معين؛ على سبيل المثال: 


PANTONE 723 C, PANTONE Warm red C, PANTONE Cool 
Gray 3 C 
التأثير النفسي للألوان:‎ 


يرى الإنسان الألوان على أنها ألوان باردة أو حارة» فالألوان الحمراء والبرتقالية 
والصفراء ترتبط بحرارة الشمس والنارء أما الأزرق» الأخضرء والبنفسجي فترتبط 
ببرودة الأوراق» والبحر والسماء. 
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بالرغم من أن الأحمرء الأصفر والبرتقالي تعتبر ألوان الإثارة العالية عموماء 
وأن الأزرق» الأخضرء والبنفسجي تعتبر ألوان إثارة منخفضة»؛ فإن عتمة واضاءة 
اللون يمكن أن يغير في مضمون الرسالة النفسية التي يعكسها تصميم معين» فعلى 
سبيل المثال استعمال تركواز خصائصه قريبة من ألوان البحر سيكون تأثيره النفسي 
أكبر من استعمال الأخضر المزرق. 


إن طبيعة الألوان تؤثر في نفس المشاهد بناءاً على طبيعة الجسم والعقل» حيث 
أن الأحمر يؤثر في تحفيز الحواس ورفع ضغط الدمء ويزيد من الحماس وأحياناً 
التوترء بينما يعمل الأزرق على تهدئة الأعصابء لهذا نجد أن لاس فيغاس - 
المدينة الأمريكية المشهورة بالقمار- تعتمد على النيون الأحمر في صالات القمار 
لأنه يحفز الكثيرين على الاستمرار في اللعب. 


أهمية التأثير النفسي للألوان تنعكس في طبيعة الملبسء فمعظم هموم الناس 
اليومية تبدأ بالسؤال: ماذا سألبس؟ إن طبيعة المادة المصنوعة منها الملابس ليست 
وحدها تجيب على هذا السؤال» وانما اختيار الألوان الصحيحة؛ ومن هنا تبدأ 
الق ت الأخوي سواء ياكيان و ات اولان غا لاء أو ألوارة 


الطلاء الذئ تظلى به خذران رطا :.:: 


يعتمد المصممون على معرفتهم بالعلاقات اللونية وما قد تنتجه من تأثير نفسي 
في المشاهدء وكثيراً ما ينجح إعلان معين نتيجة التناسق مابين ألوانه» وبشكل 
علمي فإن العلماء قد بينوا أن اللون عبارة عن ضوء وأن الضوء عبارة عن طاقة 
تؤثتر بشكل فسيولوجي على الإنسان عند مشاهدته للون معين» إذ أن للألوان قدرة 
على خلق جو من الحزن» الفرح» اليأس» الأمل» وغيرها من المشاعرء كما أن لها 
قدرة على فتح الشهية» وخلق الإحساس بالبرودة أو الدفء. كما أن الألوان أحياناً 
O E‏ 
الألوان بجانب متمماتها من الألوان الأخرى (كالأصفر والأزرق) ينتج عن ذلك 
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شعور بالذبذبة والتأثيرات الكهربائية» وتبدو بأئها تنسحب بعيداً عن بعضها 
البعضء هذا التأثير يسمى إجهاد اللون العصبي (ع1:36181110 00101))؛ ومجازه 
انه عندما ينعكس لون واحد على جزء من شبكيّة العين لمدة طويلةء فإن العصب 
البصري يَبْدأْ بإزسال إشارات مشوّشة إلى الدماغ؛ ويكون التشويش الناتج عن 
الألوان المتممة بكثافة أكثر. (') 


ولكن لماذا يستخدم بعض المصممين هذه الطريقة في اختيار الألوان؟ إن 
الإجابة على هذا السؤال تكمن في حقيقة ردة الفعل النفسية للمشاهد عند النظر 
على تصميم معين» حيث يعرف المصممون أن هذه الطريقة تثير الانتباه وتجبر 
عين المشاهد على النظر إلى هذه الإعلانات» ولكن لمثل هذه الطريقة الفعالة نتائج 
سلبية تكمن في إعطاء الشعور بالوهم وعدم التركيزء لهذا فالطريقة المثلى 
لاستعمال هذه الطريقة هو أن تحاط المساحات الملونة بخط خارجي أسود أو 
رمادي كعامل حيادي يقوم بحفز الدماغ على فصل اللونين» وتدعى هذه الطريقة 
'الزجاج الملون" .(Stained Glass)‏ )0( 


(') الموقع الالكتروني: http://www.pantone.con‏ 
(/) نفس المرجع. 
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الفصل الثامن 
أنواع المطبوعات 
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الفصل الثامن: أنواع المطبوعات 
تمهيد: 


تتمتع المطبوعات بأهمية كبيرة في عالم التصميم الجرافيكي والإعلان» لما لها 
من تأثير قوي ومباشر على جمهور المستهلكين» فهي الأقرب إليهم في كل 
الأوقات. وقبل الحديث عن أنواع المطبوعات يجدر بنا الحديث عن تقنيات 
الطباعة وتكوين صورة واضحة عن عميات إنتاج المطبوعات المختلفة. 


بشكل عام تقنيات الطباعة تتضمن مجموعة من العمليات لإنتاج نص أو صورة 
مطبوعة على ورق باستخدام الأحبارء وفي الآونة الأخيرة حل محل الورق مواد 
كثيرة من الممكن الطباعة عليها مثل 'الفلكس"؛ وهو مادة مكونة من البلاستيك 
والقماش تستخدم بكثر في طباعة اللافتات الإعلانية المعروف بمواجهتها لأشعة 
الشمس والمطر لفترات طويلة. 


أنواع الطباعة: 
هناك أنواع أساسية للطباعة وأخرى فرعية. وتنقسم الأنواع الأساسية إلى ثلاثة 
أنواع: 1 


1( الطباعة lئبارزö .(Relief Printing)‏ 
2( الطباعة انئغاثئرö .(Rotagravure)‏ 
3 الطباعة المستوية (yإطLithograp(.‏ 


Gaynor, J., ed., Hard Copy and Printing Materials, Media, and 
.Processes, 1990 
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أما طرق الطباعة الفرعية» فمنها ما يلي: 


.(Silk Screening) الطباعة المسامية‎ . 
.(Electrostatic Printing) ةيكيتlتwورتكJالا الطباعة‎ . 
.(Raised Printing) ةرفانلl الطباعة‎ . 

.(Ink Expectoration P11 ^(i1¬g) طباعة النفث الحبري‎ . 
.(Digital Printing) الطباعة الرقمية‎ . 


ن يح زر) حل را 


الطباعة البارزة: 


هي أقدم أنواع الطباعة» وتعتمد على تحبير الحروف أو الأشكال البارزة 
المصنوعة من المعدنء أو النايلون» أو السيريل» ثم ضغطها على سطح الورق. وقد 
استخدم الصينيون هذه الفكرة منذ آلاف السنين. وقد غرفت تلك الطريقة بأحد 
أشكالها الحديثة منذ منتصف القرن الخامس عشرء واستمرت بوصفها عملية 
أساسية في الطباعة لمدة خمسة قرون متتالية. وقد استحدثت ألواح السيريل أو 
النيلون أو المبلمرات بديلا للقوالب المعدنية أو الشبكات الحريرية في الطباعة 
ANE‏ نان عليها اسم الطباعة المرنة. ثم استحدثت رقائق اللدائن 
الحساسة للضوءء حيث يتم إبراز الأجزاء المراد طبعها على تلك الرقائق» ثم تعرض 
للضوءء الأمر الذي يجعلها تتصلب. ثم يتم إزالة الأجزاء غير المتصلبة باستخدام 
الماء والمحاليل الكاوية. ثم تدخل تلك الرقائق إلى غرفة الطباعة» حيث تتشرب 
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الطباعة الغائرة: 


وهي على عكس الطباعة البارزة؛ فتتم باستخدام أسطوانة نحاسية محفور عليها 
الكلام» أو الصورء أو الأشكال المراد طباعتها بحفار ميكانيكي أو بأشعة الليزر. 
وثُملا التجاويف الممثلة للكلام أو الأشكال بحبر الطباعة؛» ثم يضغط بهذه 
الأسطوانة على الورق فتطبع الحروف والأشكال. وتستخدم هذه الطريقة في طباعة 
الصورء والمجلاتء والكتالوجات» ومطبوعات التعبئة» والتغليف» وطوابع البريد. 
وورق الحائط. وقد يستخدم التصوير الضوئي في هذا النوع من الطباعة» حيث 
تُعَرّض رقائق الجيلاتين الحساس للضوء للرسوم أو الأشكال المراد طباعتها من 


2 


خلال شرائح تم تصويرها ضوئياًء فيتصلب الجيلاتين تبعاً لكمية الضوء المار ممثلا 


135 


الرسوم التي صُورٌّت. ثم تستخدم تلك الرقائق بعد ذلك بمثابة قوالب في عملية 
الطياعة:1 


الشقرة ألني تقوم 
بازالة الحبر الزائد 
عن السطح 





الطباعة المستوية: 


تعتمد تلك الطريقة على نظرية الفصل الدهني للماء. وأول من اكتشف هذه 
الطريقة هو الألماني ألويز سنفلدر (5621461061 41035) عام 1796» وكان ذلك 
بطريق المصادفة البحتة» عندما كتب على حجر جيري بقلم رصاصء فسقط بعض 
من محلول حامضي على هذا الحجرء فلاحظ أن الحامض قد غطى سطح الحجر 
الجيري» ما عدا الأماكن التي كتب عليها بالقلم الردصاصء وحينما أضاف حبر 
الطباعة على سطح هذا الحجرء لاحظ سنفلدر أن الحبر قد استقر على الأجزاء 


.Karsnitz, J. R., Graphic Arts Technologies, 1984 1 
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المكتوبة» ولم يتجاوزها إلى الأجزاء الأخرى التي تخللها الحامض. وعندما ضغط 
هذا الحجر على ورقةء وجد أن ما كتبه على الحجر قد طبع معكوساً على الورقة. 


أسطوالة الطبع 


وفيها ينطى اتصر الأجراع المكثوبة قط 


الأسطوانة المطاطية 
وتنتفى اتطبعة ونتقلها إتى الورق 





وكانت تلك هي بداية اكتشاف طريقة الطباعة المستوية. وفي بداية القرن 
العشرين تم استبدال لوحات الزنك بالحجارة الجيرية المستوية» ثم تطورت بعد ذلك 
هذه الطريقة من طباعة مباشرة من اللوح المعدني إلى طباعة غير مباشرة باستخدام 
وسيط مطاطيء وهو ما يطلق عليه طباعة الأوفست (]014156)» حيث سهلت هذه 
الطريقة الطبع على مختلف الوسائط التي لا يمكن الطباعة عليها مباشرة مثل 
اللدائن والمعادن. 


الطباعة المسامية: 


ر 5 َ في ده الطريقة .2 3 44 حريرية ليت 4.0 ا إطار من || .٠م‏ : أو 
المعدن. وَتُطْلَى هذه الشبكة بطلاء خاص» وذلك لغلق مسامهاء وبعد جفاف الطلاء 
5س بمادة حساسة ال ع» ثم يوضع |* 5 المرسوم المراد طباعته على سطح 
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شفاف منفذ للضوءء ثم تُعرَض الشبكة الحريرية للضوء عبر السطح الشفافء فينفذ 
الضوء من المناطق غير المرسومة؛ فتتصلب نظيراتها على الشبكة الحريرية. 1 
وباستخدام بعض المذيبات العضوية في إزالة المناطق التي لم تتصلب» تعود 
الشبكة إلى سابق حالتها. ويوضع اللون المراد طباعته على هيئة سائل غليظ 
القوام» ثم يوزع اللون بواسطة ضاغط مطاطي يساعد على نفاذ اللون من خلال 
الشبكة الحريرية؛ حيث يقوم بتلوين المناطق المطلوب طبعها على مختلف 
الأسطح. وقد تطورت هذه الطريقة حالياًء حيث تتم الطباعة بهذه الطريقة في وقت 
قياسيء وبدقة متناهية» وعن طريق التحكم الإلكتروني في كل الخطوات.2 





1- طلاءع الشبكة الحريرية. ووضع الشكل المرسوم المراد طباعته. 
- استخدام المذيبات العضوية في إزالة المناطق التي لم تتصلب. 
"- وضع اللون وتوزيعه على الشبكة الحريرية. 

4؛- ظهور الشكل المرسوم على مادة الطباعة بشكله النهائي. 


.Sanders, J., ed., Pigments for Inkmakers, 1990 
.Karsnitz, J. R., Graphic Arts Technologies, 1984 
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الطباعة الإلكتروستاتيكية: 


في هذه الطريقةء يُعالج ورق الطباعة بشحنة كهربائية في المناطق المراد 
الطباعة عليهاء ويعالج كذلك مسحوق الحبر بشحنة مغايرة» ثم يُعرّض كل منهما 
إلى جهد كهربائي معاكس لجهد الاآخر؛ فيتم الاتحاد بين جزيئات الحبر وجزيئات 
الوق 


الطباعة النافرة: 


وهي ليست نوعاً من أنواع الطباعة بقدر ما هي نوع للمادة المطبوعة:» فالمادة 
المطبوعة تكون ذات سطح بارزء ويتم ذلك بعدة طرق؛ منها: استخدام مواد ملونة 
صمغية حرارية؛ أو استخدام الضغط الشديد على السطح المراد الطبع عليه 
باستخدام قوالب خاصة بهذا الغرض لإنتاج أشكال مجسمة. 


طباعة النفث الحبري: 


تعتمد هذه الطريقة عدي ا ستخدام الحاسوب. وتنم عن طريق نفث | لحبر من 
صمام دفيق لتظهر بالشكل المطلوب» وتستخدم هذه الطريقة لكعتابة تاريخ 
ا کے ا ا ا قفد لوكي انا ات 
اأ E ٠‏ والأرقام فى .4 د || نك ات || خثلفة. 
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الطباعة الرقمية: 


تنفذ تقنية الطباعة الرقمية بواسطة الحاسوب وتعتمد على شحنة كهربائية 


لتوصيل الحبر على السطح المراد الطباعة عليه (سواءً ورق أو قماش أو 


وتعتبر الطباعة الإلكتروضوئية أحد أهم تقنيات الطباعة الرقمية»ء وقد يظن 
الكثيرون أن هذه الكلمة هي إحدى المصطلحات التقنية الجديدة والتي لم يسبق لهم 
أن سمعوا بها من قبل ولكن الواقع هو ان لها مصطلح علمي يعبر عن تقنيات 
الطباعة بالضوء. والمتداول خطأ هو الطباعة الليزرية (الطباعة الليزرية هي 
الطريقة الأقدم وهي جزء من تقنيات الطباعة الإلكتروضوئية). 


من أنواع الطباعة الإلكتروضوئية (الليزرية): 
(Light Amplification By Simulated Emission Radiation) -1‏ 
إن جمعنا الأحرف الأولى من المصطلح المذكور نجد أننا أمام كلمة +1.8.51:1آ 


.L٤0 والمتعارف علیھا بالاختصار‎ )Light Emitting Diodes) ~2 


وسوف نوضح فيما يلي الخصائص المشتركة والمختلفة بين طريقتي الطباعة 
بتوليد الضوء لاختلاط الأمر على الكثير من السادة القراء . 


الأشياء المشتركة هي عملياً كل المراحل التالية لآلية توليد الضوء من تعريض 
الأسطوانة الحساسة وشحنها إلى وضع الأحبار على الورق إلى عملية تظهير 
وتثبيت الحبر على الورق بالحرارة. أما الاختلاف فيكون إما بتعريض الأسطوانة 
الحساسة لشعاع ضوئي واحد متحرك على عرض الأسطوانة الضوئية لشحنها ( 
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BEM‏ 185111 ) أو بتسليط حزمة مستقرة ومتساوية من الأشعة على عرض 
الأسطوانة مرة أخرى لشحنها بشكل متوازن .)٤5(‏ 


إن حزمة ضوئية واحدة تصل إلى الأسطوانة عبر مجموعة من المرايا المكثفة 
والعاكسة» وتنتشر على عرض الأسطوانة عبر مرآة مضلعة متحركة» وبالتالى 


وفي التقنية الثانية هناك مصفوفة من الأشعة الليزرية بشع بحيث تغطي عرض 
الأسطوانة الكامل بنفس الوقت مما يعطي طباعة اكثر استقراراً من الوسط وحتى 
الأطراف. عدم وجود أجزاء متحركة وتجهيز الرأس المولد للأشعة بمصفوفة كبيرة 
من المشعات يحسن من السرعة بشكل ملحوظ (وهذا واضح بالطابعات الملونة 
إجمالاً حيث تصل السرعة حتى 30 صفحة بالدقيقة بكامل الألوان). 


أنواع المطبوعات: 
أولاً: أوراق القرطاسية (5620102217): 


»)€rporate 1D(‏ ويكثر استخدامها من قبل موظفي الشركة بشكل يومي» وتقسم 
إلى الأنواع التالية: 


» بطاقة أعمال (0820) 1510655ا8). 
9 ورق مرڙس .(Letterhead)‏ 
٠‏ مغلف رسائل (عم1057610). 
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e‏ أوراق رسمية (ورق فاكس» سند قبض» سند صرف» سند تامدن: فاتورة» ورق 


:(Business Card) Jlaع بطافة‎ )1 


وهي بطاقة تعريف بشركة معينة أو شخص معين» يكون اتجاه التصميم في 
الغالب أفقي (1,32050376)؛ ولكن من الممكن تصميمها بشكل عامودي 
(2011811).» وعادة ما تحتوي على المعلومات التالية: 


شعار الشركة» اسم الشخص أو الشركة» المسمى الوظيفي» مثل (مهندس. 
مصمم» صد طببب عام» محامي»› مدير عام...)؛ رقم التلفون» العنوان» صندوق البريد» 
البريد الالكتروني (50311-/1)» موقع الانترنت (ع]51طء917). 


دورات كمبيوتر - دورات تسميم جرافيك - دورات رسم وخزف - أبحاث 
وتقارير - تحليل إحصاني - ترجمة - طباعة ملونة وعادي - مشاريع 
تغرج - موتتاع أفلام - رسوم متحركة - تسميم طبامي - دماية واعلان 











Dr. Person Person 
Position Name 


اول - س الجامعة - بتأبة الشيخ ساح - مقا سوبرماركت جَخَتَيقًا 
تبلبعون: VANS ‘OF = YATA‏ 





The University of Graduate Studies, Airport Street, Mobile: 079999999, POBox 123 
Amman 0000 Jordan, Tol: 9999999, Fac 99999329, E-mall: Info@UGS,com.jo 
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6 
SPAN MARKETING 







ننه الرعبى 
مشرف برنامج فرعي 
( الإرشاد المتخصص ) AYMAN HASSAB‏ 


MD 


تلفاكس 4618951 -6 (962) 
ص.ب: 910729 عمان 11191 الأردن 
بريد إلكتروني: 
Haitham@questscope.org‏ 
www.questscope.org‏ 


FI. Eos BACAUT Amman 11103 Jordan 
TH. Ej Bã ATÊ . B2 THE 

Fan, {E2 8] SHE A798 

0 ارق “لقع 


ملاحظة: القياس الاعتيادي لبطاقة الأعمال هو كسم × 9سم» ولكن يجوز 
استخدام أي قياس يراه المصمم مناسباً. 


:)٤ع‎ "۷٤1٥p e( مغلف رسائل‎ )2 


وهو مغلف ورق رسائل وقياسه متعدد بحسب قياس الرسالة» ويحتوي على 
معلومات الشركة ورك المانف والرت ولان ...اا 
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Strêêt,‏ متام University of Graduate Studiêës,‏ قط 
Mabile: 079595995 BOBO: 123 Amman O000‏ 
Jordan, Tel: 9999889, Fax: 9999999, E-mail:‏ 
Inf @llGS.cam.ja, Website iwww.ugsjordan.carm‏ 


3) ورق مرؤس :)Lett)erhead)‏ 


وهو ورق خاص بالشركات للمعاملات الرسمية»ء يكون قياسه في الغالب(۸4)»ء 
وفي بعض الأحيان (43)» وتحتوي هذه الورقة على معلومات الشركة (رقم 
الهاتف» البريدء العنوان) بشكل تكون هذه المعلومات إما في رأس الصفحة أو في 
ذيلهاء مع أهمية وجود شعار الشركة في رأس الصفحة. 


144 


(4 


ع 


اوراق ره 


5 


مثل (ورق فاكس 


04 


اله وگل فا 


6 
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»> سند فبرض» سند صرف» سند 


تأ 


مين» فا 


تورة 


ة» ورق تغليف 


a 
5 euBisepSUuokeiz mim * 91 [OFS 9-796 XEjêja|* Ueplor [7| LL UE FFLLT #08 واإلناء تإنات وا«لنامتاعضنعيع جد * ولص اهم * ززم‎ 


OAV 


Wir 
وي‎ 





ثانيا: المنشورات الإعلانية والتعريفية: 


وهي جميع ما يتم طباعته على الورق ليكون في متناول الايدي» بهدف نقل 
فكرة إعلانية معينة عن منتج أو خدمة» ويمكن استغلال هذه المواد للتعريف بجهة 
معينة أو لإعلام الناس بخبر ما. وهذه المنشورات يمكن أن تكون: 


بوستر (205]61). 

بروشور .)Brochure)‏ 
كتالوج (165اع0262310)). 

.(Folder) E 

قائمة الطعام .)Meu(‏ 

بطاقات الدعوة „(Invitation Cards)‏ 
نشرة إخبارية .)Newsl1etter)‏ 


»* +» 


صiaة .(Newspaper)‏ 
مجلة (ع11282210). 

.(Book Cover) غلاف كتاب‎ 

بطاقات الائتمان والصراف الائي .(Credit and ATM Cards)‏ 
بطاقات إعادة الشحن .(Prepaid Cards)‏ 


ليبل ([ع20.]). 
وفي التالي تفصيل لهذه الأنواع: 
1) بوستر (1ع1”0516): 


البوستر هو أداة إعلانية واعلامية في الغالب» ويمكن استخدامها في الديكور 
والتزيين في بعص الأحيان› وهو متعدد الأحجام والأهداف» ويعتبر أسرع مادة 


إعلانية مطبوعة لنقل الأفكار إلى الجمهور. 
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يمكن أن يكون أصغر قياس للبوستر هو (45)» أو أصغر من ذلك» حيث 
يكون في متناول أيدي الناس لمشاهدته عن قرب» ويسمى في بعض الأحيان فلاير 
(113061)» ويمكن أن يكون البوستر عبارة عن ملصق على جدار أو زجاج محل 
تجاري. ومن الممكن بحسب قواعد التصميم العامة أن يكون اتجاه البوستر عرضي 
(عمدء05مم.آ) أو طولي (201121). 


أما بالنسبة للأوراق المستخدمة في طباعة البوسترات فإنها متعددة؛ فمنها الناعم 
والتقيل» ومنها الناعم والخفيفء وهناك أنواع أخرى تتعدد بحسب طلب الزبون» لكن 
الأكذن كنيوهاً وملاتنة لأغراسن: الموستراثك الإغلانية هق الورق المسمے خلا 
(01055©) وهو على نوعين: 

1) اللامع (نز01055). 

2) المعتم (1/13]6). 

وفي بعض الأحيان تستخدم المطابع 'كرتون" سميك ومن ثم تقوم بتغطيته بطبقة 


من السلوفان؛ وهي مادة شفافة تكون لامعة أو معتمة تشبه الورق الشفاف الذي 


نستخدمة لتجليد أوراقنا الرسمية. 


وفيما يتعلق بفكرة البوسترات الإعلانية وسر نجاحهاء يقول ديفيد أوغيلفى 


«+ 


مؤسس شركة ((0811773)) العالمية المتخصصة بالتصميم: إن أي بوستر مهما كان 
قياسه يجب أن يحتوي على العناصر التي تشكل معادلة "جذب الانتباه"؛ والتي 


تعتبر سر نجاح أي تصميم» وهذه العناصر هي : 
1- صورة .(Visual)‏ 
2- تعليق بسيط على الصورة (11002م03)). 


3- عنوان (ع20112ع11). 
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4- نص الإعلان (:3م00). 


5- معلومات الاتصال والعنوان (التوقيع). 








How well do yol KNOW "انامز‎ 
customers? 


SSS 


e se e er Ear aer 


أن نه سن هن نه . نكت ان نه نكن i ma mz. a‏ 


بوستر [0811971) 


الصور والرسومات هي بهارات التصميم؛ إلا أن تصميماً يحتوي على كثير من 
الصور يجعل من الصعب على القارئ التركيز على ما يقوله التصميمء لذا فإن من 
الضروري أن تعمل الصور داخل التصميم كداعم لفكرة التصميم وليس كوسيلة 
لتشتيت الانتباه. 


التصميم كثيرة أم لاء ونحن فقط نستطيع إحساس ذلك بالفطرة» ومن الأمور المهمة 
التي قد ترشدنا إلى ذلك مايلي: 
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1) تقليل العدد: بدلاً من استخدام عدد كبير من الصور الصغيرة نستطيع تقليل 

2 إذا ما كان هناك العديد من الصور التي قد تشتت الانتباه» فإنه من 
اللخ عدا أ تمد نوو ر اد فن اكات لك يكبيون كهمها 
أو حدودهاء مع إبقاء صفة الوحدة على الصور الباقية. ولكن يفضل في 
الكثير من الأحيان استخدام صورة واحدة (بحسب معادلة ديفيد أوغيلفي). 


العناوين الرئيسية (5ع11620112) من الأشتناء المهمة في تصميم البوسترات 
الإعلانيةء فالفكرة من العنوان الرئيسي (التصديري) في أي بوستر هو لفت الانتباه 
حيث أن العنوان الرئيسي المتقن قادر على تحريض القاريء وجذب انتباههء وإذا 
كنت تعتمد على جسم الإعلان أكثر من العنوان الرئيسي فإنك لا محالة ستجعل 
صاحب الإعلان يخسر %80 من نقود تكلفة هذا البوستر الإعلاني. 


وهناك عدة أمور فنية مدروسة يحبذ الاهتمام بها عند كتابة العنوان التصديري 
في أي بوستر إعلاني من خلال استعمال الكلمات المناسبة وذات الوقع النفسي 
القوي لدى المشاهدين والقراء» ومنها: 


- إيقاد الفضول وحب الاستطلاع في نفس المشاهد. 

- اعتماد القصر في الجمل والعبارات. 

- الحرص على أن تكون قوة العنوان مناسبة لقوة المقال أو الإعلان. 
- اجتناب العناوين الخادعة أو المبالغ في عباراتها. 
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تستطيع تكوين الفضول لدى القاريء مثلاآً عن طريق استخدام الأسئلة 
الاستفزازية» أو عن طريق استخدام الجمل الأشبه بالشعرية» أو عن طريق طرح 


فكرة مشوقة لدى جميع فئات الناس. 


لاحظ في إعلان أوغيلفي وجود 'مساحة بيضاء كبيرة"» فما الهدف من هذه 
المساحات البيضاء؟ إن من أصعب المفاهيم في التصميم هو مصطلح (الفراغ 
الأبيض)» ربما لأنه يبدو ذو تأثير سلبيء فالفراغ يعني: غياب النص وغياب 
الصورء مساحة فارغة» مساحة سلبية خالية» ولكن مع كل هده السلبيات فإن الفراغ 
البيض مهم جداً. 


ليس بالضرورة أن يكون لون المساحة الفارغة أبيض؛ والمقصود هنا المساحة 
الخالية من أشكال أو نصوص. إن الفراغ بمثابة غرفة تنفس بصرية للعين» حيث 
يريح العين أثناء انتقالها بين عناصر التصميم من صور ونصوصء وفي التصميم 
الجرافيكي الفراغ مهم في تصنيف التصميم» فعند نقل رسالة معينة عن (سلطة. 
رزانةء أو رقي) فإن المصممين يهتموا بأن يضيفوا الكثير من المساحات الفارغة 
أما في حالة الإعلانات العادية التي تخاطب معظم الناس بفكرة بسيطة يحبذ عندها 
استخدام فراغ أقل. 
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2) بروشور (ع:131ط©151:0): 


وهو عبارة عن نشرة إعلانية تتكون من طوي صفحة التصميم إلى عدة طويات 
بهدف عرض أكبر كمية من المعلومات» وفي هذه النقطة يختلف البروشور عن 
البوستر بأنه قد يحتوي على شرح مفصل عن منتج أو شركة معينة بالإضافة إلى 
استخدام الصور والأشكال المختلفة. كما أن المطابع تستخدم نفس أنواع الورق 
المستخدمة في طباعة البوسترات الإعلانية» وبحسب طلب الزبون. 















القرض السكني متوكر 
الآن من ال کک التجاري 


الآن أصبحت فرصة التملك في اللؤلؤة-قطر 


A UDC PROJECT 


اسل بكثير مع وجود مجموعة كبيرة من المنافع 
من البنك التجاري 


nearest branch or call 4490000 


www.cbq.com.qa 


Invest in Riviera Arabia 


ك (- :ل الت ارف CG‏ 
OQI91I‏ الك اتج ارد 
Dank THE PARÎ‏ 


Financing now Available 
from Commercialbank 
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For more information, please visit the 


أنواع البروشور: 
أ- من ناحية الفكرة: 


1 - ا ندسخهذ لقنق معفقق (1361:11:05-©1,.080/: وهذا النوع من البروشورات 
التي تتركها وراءك بعد الاجتماع مع زبون محتمل. ولذا يجب أن يحتوي هذا 
البروشور على تلخيص كامل عن الخدمة أو المنتج» واستخدام تعبيرات قوية من 
شأنها أن تدوم لمدة طويلة في مخيلة هذا الزبون بعد انتهاء الاجتماع مما يؤدي 
بالنهاية إلى موافقته على شراء منتجك أو خدمتك. 


2 انهسغدذ غغ (5105-/2701111-01/: يمكن ملاحظة هذا النوع عند 
وجودك في بنك أو في شركة تأمين» حيث يكون هناك الكثير من هذه البروشورات 
من حولك لتطلع عليها في نفس الوقت» أو من الممكن أن تأخذها لتتطلع عليها 
لاحقاً. إذن» من المستحسن أن ينفذ المصمم معادلة أوغيلفي التي ذكرناها سابقا في 
موضوع البوسترات لجذب انتباه المستهلكين» واحداث التأثير المطلوب. 


3 )نھ سغە ذ ۇ جخ بر ة (5 1710111710 Respond t0‏ بحسب المسمی 
فإن هذا البروشور يعني ذلك الذي سيتم إرساله إلى الزبون الذي أبدى اهتماماً 
بمنتج شركة معينة وقام بالاتصال للاستفسار عن ذلك المنتج. يمثل هذا النوع من 
البروشورات مرحلة ماقبل الشراءء لأن الزبون المحتمل قام فعلاً بتكوين قرار للشراءء 
وفي علم التسويق عندما يتم ذلك فإن الزبون أقرب مايكون لشراء منتج معين. في 
هذه الحالة يجب إرسال مثل هذا النوع من البروشورات التي تؤكد للزبون على أنه 
لن يستطيع الاستمرار بالحياة بدون ذلك المنتج. 
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4- ا ندسته نكا فبك لائسقوذ (1714011 (i١٠٠1‏ وهو النوع الذي يدرج مع 
الطرود البريدية» وله تأثير فعال في عملية بيع المنتجات» حيث من المعروف أن 
الرسائل التسويقية التي تبعثها الشركات إلى زبائنها المحتملين لها أثر فعال في 
تكوين قرارات الشراء لدى المستهلكين» فكيف إذا كانت هذه الرسائل على شكل 
بروشورات تحتوي على ألوان مريحة وصور معبرة» بالتأكيد سيكون التأثير أقوى. 


5 انهسهذ نجي للع ة (1001 5122011 80165/: وهو البروشور الذي 
يستخدمه رجال المبيعات في تنقلاتهم على الزبائن المحتملين» حيث تقوم هذه 
البروشورات بعملية داعم للكلام الذي سيقوله رجال المبيعات حول المنتج. 





ب- من ناحية الطويات: 
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1- اندسه ضهوتي م (1"010-/: له 6 وجوه مع طويتين متوازيتين» وهو النوع 
الأكثر انتشاراً: ولهذا النوع تسميات أخر: ى مثل ) business letter, letterfo1d,‏ 
(tri-fold, brochure fold‏ 





2 اتهسهذ أقد نوه م (1"010 :466070101 /: وكما واضح من التسمية فإن 
له 6 وجوه مع طويتين متوازيتين ومتعاكستين في الاتجاه» حيث يشبه جهاز 
الأكورديون الموسيقي. ويمكن أن تكون الوجوه 8 أو 10ء ولهذا النوع تسميات 
أخرى مثل (ع7218-72 ,1010 7). 








accordilan 
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3 - انهستهدم ذ جرهتهى (1010 57101): وهو ورقة مطوية إلى عدد من 
الطويات بشكل حلزوني حيث تكون هذه الطويات 2 أو أكثر بشكل متداخل. ولهذا 
النوع تسميات أخرى مثل (1010 أعتتتة8 ,1010 12011). 


spiral 


كما هو الحال في البوستر فإن من الضروري توفر بعض الفنيات المهمة في 
البروشور لجذب الانتباه» ومن هذه الفنيات: 


- استخدام عنوان تصديري (116301126) مميز. 

- استخدام صور معبرة. 

- استخدام الأحرف الكبيرة والصغيرة معاًء حيث من المعروف أن الأحرف الكبيرة 
تقلل من تأثير الرسالة الإعلانية. 

- استخدام وجه الطباعة العريض (8014) في عنواين الفقرات. 

- زيادة المسافة بين السطور من جهة»؛ وبين الكلمات من جهة أخرى يزيد من 
وضوح القراءة. 

- الحرص على إبقاء السطور قصيرة قدر الإمكان. 

- الحرص على ترك هوامش مناسبة في جهات الوجه الأربعة. 

- إبداء الاهتمام بالزبون عن طريق استعمال (أنت» أنتم...) والتقليل من استعمال 
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- استخدام بعض الكلمات التي لها أثر سحري على المستهلك مثل (مجاناء 
جدبد»› وفرء الان سهل» مجرزب» رائع...). 
- تجنب وضع الأسعار أو صور لموظفي الشركة. 


3) كتالوج (2]2108)): 


هو بمثابة بروشور في تكوينه لكن بعدد صفحات أكثرء وغالباً ما يستعمل 
للتعريف بمنتجات شركة معينة وأسعارها وكيفية شراء تلك المنتجات» أو للإعلان 
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4) فولدر (:اع1"010): 


وهو سكوك من نن ما ليشكل ملفا لحفظ الأوراق والمستندات داخلهء 
والقياس المعتاد له هو (42)» حيث (43) في كل جانب. 





إن تصميم الفولدر بشكل عام يعتمد على تصميم ما يمسى ((51]236100317)» 
والتي سبق الحديث عنها. وهو في الأساس خاضع لقواعد معينة كاتباعه لنفس 
الألوان المستخدمة في الشعار وبطاقة الأعمال وغيرهاء وهذا يعني اتباع نفس 
روحية التصاميم الخاصة بنفس الشركة؛ هذا ما يسمى بوحدة التصميم في أكثر من 


5( قائمة لطعم :(Menu)‏ 
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يحتاج تصميم قائمة الطعام إلى ذوق من نوع خاصء ويتطلب من المصمم 
استخدام الألوان الفاتحة للشهية مع استخدام صور معبرة عن موضوع التصميم 
وقادرة على خلق التأثير النفسي المطلوب لدى المشاهد. إن قائمة الطعام هي الجزء 
الأساسي في عملية نقل الانطباع للزبون» فهي ببساطة تتكلم عن نوعية الخدمة 
المقدمة في مطعم معينء وقادرة على إقناع الزبون من النظرة الأولى. 





من أجل تصميم أفضل لقائمة الطعام» من الجيد الانتباه إلى الملاحظات 
التالية: 


- رتب بنود القائمة بالتسلسل المنطقي» وحاول جمع الأصناف في مجموعات ذو 
ترتيب تسلسلي أيضا؛ متل (المقبلات» الشوربات» الأطباق الرئيسيةء 
المشروبات» الحلويات..). 

- استخدم ألوان فاتحة للشهية مثل درجات اللون البرتقالي» وبعض درجات 


الأحمر. 
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- استخدم خط طباعة سلس وانسيابي» ولا تكثر من أنواع خطوط الطباعة في 
قائمة الطعام الواحدة. 

- ضع علامات معينة لتمييز بعض الأصناف لمزيد من لفت الانتباه. 

- رتب الأصناف في أعمدة» على أن لا تزيد عن عمودين في الصفحة الواحدة 
للإبقاء على الرزانة والأناقة. 


:(Invitation Cards) بطاقات الدعوة‎ )6 


البساطة هي أساس تصميم بطاقات الدعوة بكافة أشكالهاء حتى مع تنوع 
الأشكال والألوان في بعض أنواع البطاقات تبقى البساطة هي العامل الرئيس في 
جعل بطاقات الدعوة ناجحة في تصميمها. 





من الممكن تقسيم بطاقات الدعوة إلى قسمين رئيسين: 
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bth, T‏ مقي هك نزغيب: وتشمل جميع البطاقات التي قد ترسل من الشركات 
الحكومية والخاصةء وأيضاً تلك التي قد ترسل من جمعية أو نقابة تدعو فيها فئة 


اطق ة نط4 نزي بء وتشمل جميع البطاقات التي قد ترسل من والى 
أشخاص عاديين بهدف دعوتهم لحضور حفل زواجء أو حفلة راقصة...إلخ. 


7) نشرة إخباري :)News1et)er)‏ 


النشرة الإخبارية هي ما يشبه الجريدة الرسمية التي نقرأها بشكل يومي» لکن 
حجمها خاضع للتغيير بحسب تصور المصمم» وهي خاصة بجهى معينة كشركة 
تجارية أو منظمة حكومية تصدر بشكل دوري لعرض معلومات أو أخبار خاصة 


ight لبت‎ [Heat 95 


کے س کے س کے تا سا لست تنا 5ے ی 
eT = 3 2‏ 





يعتمد تصميه النشرة الإخبارية على عدة أسس: 
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التقيد بعدم استخدام الكثير من خطوط الطباعة (1*02165) والتنويعات الكثيرة 
في الأشكال» فهذا من شأنه خلق التشتت لدى عين المشاهد. 

أختيار نوع مناسب من خطوط الطباعةء وهنا يجب مراعاة اختيار خط طباعي 
يتميز بالرزانة والمتانة لإضفاء الطابع الرسمي على النشرة واحداث التأثير 
الات 

استخدام هوامش ثابتة لإعطاء المظهر الجيد. 

استخدام الأعمدة في النشرة يزيد من متانتهاء مع الانتباه إلى التقيد بعدد 
الأعمدة في جميع الصفحات. 

الحرص على انسجام الصفحات المتقابلة (5163205)؛ فمن المعروف في 
تصميم النشرات الإخبارية أو الجرائد والمجلات أن الشريحة الواحدة مكونة من 
4 صفحات (وجه-جانب» و خلف-جانب). 

استخدام العناوين التصديرية المناسبة (5ع20110ع1]). 

التأكيد على النقاط المهمة» مثل: خط أغمق (8010)» وضعها في صندوق 
غامق وتحويل لون النص إلى لون معاكس» رسم حدود حول النص المراد 
إضافة عناوين للصور المستخدمة في النشرة الإخبارية بقدر الإمكان. 

لا اغفل عن أهمية استخدام بعض الألوان في النشرةء فهذا من شأنه إعطاء 
مزيد من الجمالية والحياه إلى التصميم العام. 

تحقق من التصميم الكلي وراجع النصوص. 


:(Newspaper) الصحيفة‎ )8 
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تعتبر الصحيفة وسيلة اتصال جماهيرية مؤثرة» فهي تظل مع القارئ ليتصفحها 
في أوقات مختلفة من يومهء وهو على ارتباط وثيق بهاء لذا فهي وسيلة إعلان 
فعالة ومؤثرة للعديد من إعلانات المنتجات المعمرة والكماليات والأسماء التجارية. 





إن أسلوب الإعلان عبر الصحف يبني الماركات التجارية بفعالية» ويقيم 
التواصل على المستوى العاطفي مع القارئ» كما أنه يرفع من مبيعات المنتج. وهذه 
الحقائق أثبتتها دراسة حديثة قامت بها وكالة تسويق الصحف في بريطانيا عام 
6ء بالتعاون مع وكالة (هول اند بارتنرز) لأبحاث الاتصالات والماركات› 
حيث أثبتت الدراسة أن الصحف هي وسيلة إعلانية فعالة» ولكنها تعاني التقليل من 
E‏ 

شملت الدراسة أسماء تجارية كبرى» مثل (تويوتاء فوكسهول» روك» ومنتجات 
مولر المشتقة من الحليب)ء وتتضمن النتائج عدة أمور لافتة؛ فقد أظهرت الدراسة 
أن 10 من 13 اختبارا أظهر أن الصحف لديها تأثير ايجابي تجاه التزام المستهلك 
بالمنتج. وعلى سبيل المتال» فقد تسبب إعلان منتجات لبن (مولر) في الصحف. 
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إضافة إلى الإعلان في التلفزيون بزيادة في الالتزام بالمنتج بمقدار 9 أضعاف. 
إضافة إلى ذلك فإن البحث تضمن تفحص 13 حملة دعائية ليظهر أن الإعلان 


هذا فيما لاحظت شركة السيارات (فوكسهول) ارتفاعا قدره 9039 في زيارات موقعها 
الالكتروني» ويعود ذلك بحسب الدراسة إلى حملة تسويقية في الصحف لموديل 
(تيغرا)» مما يدل على قدرة الإعلان في الجريدة على دفع المستهلك إلى تصفح 
المواقع الإلكترونية. (') 


ثالثاً: العلب الاستهلاكية (ع5221:88): 


وهو الصندوق المخصص لوضع منتج أو سلعة معينة داخله من أجل تحضيره 
للتسويق» والبكجات أنواع؛ فهناك البكج العادي المصنوع من الورق» وهناك 
المصنوع من مواد أخرى كالحديد أو الزجاج» وهناك البكجات الخاصة ب 0105© و 


.) 5 





0( جريدة الشرق الاوسيظة الاحد 01 جمادی الاولى 1427 هھ 28 مايو 2006 العدد 10043 
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إن مصمم البكجات هو أحد أهم عناصر الإعلان في الشركات التجارية» حيث 
أنه قادر على جذب المستهلك نحو المنتج من بين آلاف المنتجات في الأسواق› 
وسواءً كانت جودة المنتج الموجود داخل البكج مرتفعة أو منخفضة فإن السبب 
الرئيس لنفاذ كميات كبيرة من المنتج هو التأثير البصري الذي يتكون عندما ينظر 
المستهلك إلى بكج معين. 


وهذه ليست مهمة سهلةء فكثرة المنتجات وتنوع منتجاتها جعلت من هذه العملية 
غاية في التعقيد» لذا وجب على كل مصمم أو معلن التعرف على تلك التقنيات 
السحرية التي باستطاعتها جذب العين واحداث التأثير المطلوب» وهذه التقنيات التي 
أتحدث عنها هي أن يكون المصمم على دراية تامة بقواعد وعناصر التصميمء 
وخطوط الطباعة المناسبة» كما يجب أن يكون ملماً بعلم الألوان وما لها من تأثير 





في أغلب الأحيان يحتوي البكج على عدد من العلامات التجارية المتعارف 
عليها دولياء وأهمها علامة بار كود (علهءإة8)» وهي مجموعة من الأشكال التي 
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تكون في الغالب مستطيلات طولية الاتجاه1 وبقياسات متعددة تمثل شيفرة 
(0006) متكونة من أرقام خاصة بالمنتج لسهولة قراءة معلومات هذا المنتج 
بواسطة الكمبيوتر. وتستخدم هذه التقنية نظام ( Auto ID Data Capture‏ 
المعروف بدقته وسرعته في قراءة البيانات الحاسوبية. تساعد هذه 
التقنية في جرد المواد والبضائع في المخازن» كما أنها تقلل من حالات السرقة. 


اللا 


لا يقتصر تصميم البكجات على علب المنتجات الاستهلاكيةء وإنما يمتد ليشمل 
أي منتج يوضع في داخل صندوق مثل الأجهزة الكهربائية والطبية. ويدخل في 
تصميم البكجات أيضاً تصميم زجاجات المشروبات وعلب مستحضرات التجميل 
والعطور والأكياس التي توضع فيها السلع المختلفة. 









| 7” - : 
5 (Üorona 
a Ezra ا‎ 
ا‎ a I 5 


ا 





' ظهرت في الآونة الأخيرة أنواع جديدة من الباركود لا تقتصر على استخدام المستطيلات 
الطولية وانما الأشكال الأخرى. 
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إن معظم مصممين البكجات في العالم يحاولون تصميم بكجات تنتشر عالميا 
متبعين في ذلك تصميم زجاجة (013© 0003) بشكلها المميز والمعروف عالمياً: 
حتى أنه أينما تذهب فإنك تستطيع التعرف على منتج كوكا كولا من مجرد النظر 
إلى الزجاجة. 


رابعاً: اللوحات الإعلانية كبيرة الحجم: 


هناك أشكال ومقاسات عديدة للوحات الإعلانيةء تختلف باختلاف الهدف 
الوظيفي للإعلان» ومن هذه الأشكال: 


1) اللوحات كبيرة القياس (1811180210): 


يستخدم هذا النوع على واجهة وأسطح البنايات» وتمتاز بكبر حجمهاء وهي تهدف 
أغراضاً إعلانية بهدف الترويج لمنتج أو سلعة معينة. تستطيع السيارات والمشاة 
رؤية هذه اللوحات بشكل واضح. 
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مثال على لوحة (81110310) 


الجدير بالذكر أن تصميم مثل هذه اللوحات الاعلانية يجب أن يخضع لقواعد 
معينة من أجل تحقيق الهدف المنشود بفعالية» ومن بين أهم هذه القواعد أن يحاول 
المصمم قدر الامكان التقليل من العناصر داخل مساحة اللوحة آخذاً بعين الاعتبار 
ان المشاهد -وخصوصاً راكب السيارة- لن يحتاج وقت طويل لقراءة ومتابعة جميع 
تفاصيل الإعلان. هذه القاعدة تشمل جميع الاعلانات في عالم التصميم» لكن 
يجب التأكيد عليها في اللوحات الكبيرة (ل04ط!8111). 


2 اللافتات الإعلانية الخاصة بالمحال التجارية (©95180386): وتستخدم أمام 
المحال التجارية للتدليل على نوع المشاط التجاري الذي يمارسه هذا المحل. 


169 


3) إعلانات الطرق (عع51502 رهسطع11): وهي تلك التي تراها أثاء 
قيادتك على الطرق الخارجية أو الداخليةء وتعتمد على قلة التفاصيل نظراً 
لقلة الوقت اللازم لمشاهدتها. 

4) اللوحات الداخلية (ع0886ع51 10]65021): ولها أشكال كثيرة» أكثرها 
استخداما هو ما يسمى (18011-10)» ولا مانع إن كانت تحتوي على 
تفاصيل أكثر من تلك الموجودة على اللوحات الاعلانية كبيرة الحجمء لأ 
المشاهد يملك الوقت الكافي لقراءتهاء ومن هنا وجب على المصمم لفت 
نظر المشاهد إلى مثل هذا النوع من اللوحات حتى يحرك في نفس المشاهد 
الحماس ليتابع قراءة الإعلان. 

5) اليافطات: وهي في الغالب مصنوعة من القماش أو البلاستيك» وتستخدم 


لأغراض إعلانية مؤقتة. 


IN Hd 7 مسد‎ : 


| Pregnant & Scared? 
1-800-395-HELP 


, اا 


www.OptionLine.org 





مثال على لوحة طريق 


1/0 


الفصل التاسع 
خصائصها 
أنواع الصور و 


الفصل التاسع: أنواع الصور وخصائصها 


كل تصميم أو صورة في الكمبيوتر يجب أن تكون على هيئة التنسيقات التالية. 
وفيما يلى سنتعرف على أهم التن لتييقات الخاضية بالفطيوعنات وتنك القاضية 


بالانترنت: 


PSD 


Photoshop 
Document 


BMP 


111-70 
Pixel 


GIF 


Graphics 
Interchange 
Format 


هو النسق الأساسي في برنامج الفوتوشب» حيث أن هذا 
النسق يحفظ العمل مع جميع الطبقات والشرائح الموجودة 
فيه لذا يمكن في حالة رغبتك في عمل بعض التغيرات 
على العمل فهذا النسق يعتبر النسق المثالي. 

هذا النسق من إنتاج شركة مايكروسوفت وهو خاص بنظام 
ويندوزء ويدعم الكمبيوتر هذا النسق بألوان تصل إلى 16 
مليون لون ويمكنك إستخدام نظام الضغط الغير فقداني 
وهو نظام ضغط للملفات التي بهذا النسق حيث يقوم 
بالمساعدة على توفير المساحة في القرص دون التضحية 
بأية بيانات» ولكن هذا التنسيق يقوم بتبطيء عمليات الفتح 
الف 

يمكنك التعامل فقط مع 256 لونا فقط من خلال هذا 
النسق وتسمى هذه الألوان بالألوان المفهرسة كما أن هذا 
النسق لا يأخذ حيزا كبيراً من الذاكرة؛ لذا شاع إستخدامه 
في الإنترنت لما له من حجم صغير وسرعة في التحميل. 

وهي من الصيغ المقبولة بصورة كبيرة بين العديد من برام 





1/2 


Encapsulate‏ الرسومات وبرامج النشر المكتبي ٠‏ كما أنها تستخدم على 
d PostScript‏ | | | م e‏ 
نطاق واسع في كل من ويندوز وماكنتوش( )» وقد تم 
لقماء هاه الضسيقة الوق ويمتطا اك ور ا ا 
(11115]12]105)» فإذا كنت تحتاج إلى إدراج الصورة في 
برنامج للنشر المكتبي كبرنامج كوارك إكسبرس أو أدوبي 
إليسترايتور أو ربما أدوبي بيج ميكر فإستخدم هذا النسق. 
يشيع استخدام. هذا النسق لضغط الصور قبل نشرها على 
الانترنت وهو نسق فاقد للبيانات حيث أنه يؤدي إلى حذف 
بعض بيانات الصورة أثناء الضغط وعادة لا يتم ملاحظة 
Joint‏ ما تم فقده من بيانات كما أن هذا النسق يعتبر التنسيقات 
اا 0 ذات المساحة التهزيئية الضغيرة لذ يعتفده عض 
مصممين المواقع لما له من جودة عالية وصغر حجم 
ا 
AI‏ هو النسق الأساسي في برنامج الليستريتر ( 40056 
7 2:2 حيث أنه يمكنك التعديل عليه في وقت 


JPEG (JPG) 


Adobe 
لاحق» ويعتبر من نوع (017]ع6؟17).‎ Illustrator 


CDR‏ هو النسق الأساسي في برنامج كورلدرو (11(185ع001): 
ويمكن التعديل عليه في وقت لاحقء ويعتبر من نوع 
.(Vector)‏ 
رغم أن هذا النسق بدأ بفقدان التأييد إلا أنه لا يزال الكثير 
«[وسروربرزوم | من الصور تستخدم هذا النسقء كما أن الفوتوشوب مثلاً 


CorelDraw 





(') ماكينتوش: من الأنظمة العالمية المشهورة المستخدمة في أجهزة الكمبيوتر» وهي من إنتاج 
شركة 2120156051 1مك وهي أولى الشركات العالمية التي تعاملت مع التصميم الجرافيكي؛ 
لذا فالكثير من المصممين يفضلون مثل هذا النوع من نظام التشغيل لإمكانياته العالية والمتفوقة 
بالنسبة للتصميم الجرافيكي. 
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PDF 


Portable 
Document 
Format 


PICT 


Macintosh 
OS Format 


PNG 


Portable 
Network 
Graphics 


SCT 


Scitex 
COnfinUOUS 
Ione 


يدعم هذا النسق بألوان تصل إلى 16 مليون لون» كما أنه 
برضن به التكد اد بهد ga a E‏ 
ر ا ا ا ا لبرامج 
ار ای کرام ج مکو كران ادون 


وارسال عملك بهذا النسق دون القلق على فرز الألوان. 


يعد من أكثر التنسيقات شيوعاً على أجهزة الماكنتوش 
وتستطيع الكثير من برامج الوسائط المتعددة مثل 
)Macromedia Flash)‏ با لإضافة إلى برامج الرسومات 
ثلاثية الأبعاد أن تستورد ملفات بهذا النسق. 

هو نسق جديد لحفظ الملفات وقد تم تصميمه خصيصا 
لضغط الصور التي سيتم نشرها عبر الإنترنت» ويتوقع 
الكثير من الخبراء أن يحل هذا النسق محل النسق 
(61۴)» حيث أن صور هذا النسق يمكن أن يحتوي على 
أكثر من 256 لوناًء كما أن هذا النسق يحتفظ بجميع 
الألوان وأقنية ألفا الخاصة بهاء الأمر الذي يسمح بدمج 
حواف الصور مع خلفيات صفحات الإنترنت. 

يعد هذا النسق الأفضل بالنسبة للمطابع التجارية التي 
تستخدم أجهزة الطبع سايتكسء وذلك لفرز ألوان الصور. 
كما أن هذا النسق لا يحفظ أقنية ألفا المتضمنة في بعض 
الكدو ا 

يسمح لك هذا النسق بأن تغطي رسومات الكمبيوتر بصورة 
حية ويسمى بالمفتاح اللوني لأنه يتم وضع مفتاح اللون 
جانبا لكي يسمح للعرض الحي من خلاله»ء وقد قامت 
شركة ١/15102(‏ 11116) بتصميم هذا النسق لدعم الصور 
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ذات ال 32 بت التي تحتوي على قنوات ألفا وقادرة على 


افك ی و ی و 
5 


النسق من اجل توحيد مقاييس الصور الممسوحة وهو نسق 
٥‏ | يتم استخدامه في معظم برامج النشر المكتبي كبرنامج 


Image File 
كوارك اكسبرس.‎ 





ضغط الصور :)Compressi0۸(‏ 


العديد من تنسيقات الصور تستخدم تقنيات ضغط الصور للتقليل من مخزون 
الفراغ الذي يحتوي على الصور من نوع (8180232)» وبالتالي إزالة الأجزاء الزائدة 
أو التقليل من كمية الألوان للحفاظ على وحدة التشكيل اللوني الخاص بالصورة. 


تصنف التقنيات على أساس إزالة التفاصيل والألوان من الصورء وبشكل عام 
هناك نوعين من تقنيات الضغط: 


(1) تقنيات الضغط ذات الخسارة lئnنخفضة (Lossless Techniques)‏ : 
التي تقلل من بيانات الصورة (173]2) بدون الحاجة إلى إزالة التفاصيل. 
(2) تقنيات الضغط ذات الخسارة المرتفعة (12101165عع1' رءءم]) : التي 

تقلل من بيانات الصورة عن طريق إزالة التفاصيل. 
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تقنيات ضغط الصور الشائعة الاستعمال في برامج التصميم: 
في برامج 


:un Length Encoding (RLE) 8‏ وهو من نوع (1.0551655)» يكثر 
استعماله في التنسيقات الخاصة ببرنامج الفوتوشوب وبعض تنسيقات 
نظام الويندوز. 

(LZW) ٠‏ طعاء '7211-71-»1مدع.طآ: من نوع (1.0551655)» يدعم 
llتنسيaاٽ‏ ) TIFF, PDF, GIF, and PostScript language file‏ 
15 وهذه التقنية مفيدة جداً في الصور التي تحتوي على 
مساحات كبيرة من لون مفرد. 

:3oint Photographic Experts Group (JPEG) e‏ من نوع 
JPEG, TIFF, PDF, and PostScript ) ٽlaيiت peدي «(Lossy)‏ 
.)1an guage 15‏ توفر هذه التقنية أفضل النتائج في الصور ذات 
التأثير اللوني المستمر (110386©5 002115110115-1006) مثل الصور 
الفوتوغرافية. 

encoding e‏ ”*01115)): من عائلة (10551655) ويختص بالصور 
الأبيض والأسود على هيئة تنسيaتاٽ‏ ) PDF and PostScript‏ 
(language formats.‏ 

:Z1P encoding .‏ من عائلة (ssعاووم])‏ التي تدعم الصور على 
هيئة التنسيقات .(PDF and TIFF)‏ 
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اقل ار 


الإخراج الفني 
Desktop-Publishing‏ 
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الفصل العاشر: الإخراج الفني (Desktop-Publishing)‏ 


تعريف: 

يقصد بالإخراج الفني جميع العمليات الفنية التي من شأنها إنتاج تصميم معين 
في صورته النهائية الجاهزة لعملية الطباعة ونشره ما بين الناس مع مراعاة جميع 
قواعد وأسس التصميمء وهده العمليات تشتمل على: 


ه٠‏ التحضير النهائي للصور (معالجتها) ومن ثم إدراجها في التصميم 
نا مد 

° طرق ترتيب الصور مع النص. 

. أشكال وأنواع خطوط الطباعة وتوسيطاتها في التصميم (41150506174). 

Process ) ةll الحرص على العمل تحت نظام (0141712)) سواء في‎ ٠ 
„(Spot Color) gi (Color 

٠‏ مراعاة () ا0ر[ ع38) وهو شكل الصفحة وقياسها بحسب نوع 


ا 


قواعد الإخراج الفني: 
1 استخدام فراغ واحد بين الجمل: 


إن إضافة فراغ إضافي بين الكلمات تشتت انتباه العين» وتكون غير جذابة في 
أغلب الأحيان» لدا فمن الضروري أن تكون المسافة بين الكلمات متساوية لخلق 
إحساس بالتوازن في التصميم مما يرح العين ويجبرها على متابعة النظر إلى باقي 
أجزاء التصميم. 
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الفعال والخيال لدى المصمم يجب 
ان يكون عير محدود . 


2) مراعاة الفراغ بين الأسطر في الفقرات: 


الفقرة عبارة عن عدة أسطر والفراغ ما بين كل سطر هو أقل من دلك الفراغ ما 


بين فقرة وآخرى» حيث أن كل فقرة مسبوقة بفراغ ومتبوعة بفراغ أيضا. 


عادةً ما يكون الفراغ بين فقرة وأخرى هو ضعف الفراغ ما بين أسطر الفقرة 
نفسهاء أو ضعف ونصفء أو ضعفينء والمحافظة على تنسيق الفقرات في 
التصميم يعطي الشعور بالنظام والإيقاع الذي من شأنه لفت النظر إلى التصميم 
وازالة الشعور بالتشتت. 


الإبداع من متطلبات التصميم الناجح 
الفعال والخيال لدى المصمم يجب 

3 يكون عير محدود . 

الإبداع من متطلبات التصميم الناجح 
الفعال والخيال لدى المصمم يجب 

اق يكون عير محدود . 
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الآن وباستخدام برامج النشر المكتبي مثل (/0016[1101815) و 
(1655م0113112)) يمكنك وبسهولة تحديد الفراغ ما بين الفقرات والدي يقاس عادة 
بالنقط (]0م). 








× 


Lhar acter Faragraph ع‎ 
[3aramond ج‎ | [Regular + | 


7" خم +ازا]‎ =| f fort l< 

AW [Metrics | AW | اريم‎ 
ترصطاء دكمدآ1ثا عداداث‎ IT [ioos T| ort 

Af م‎ pt color: | û pt 


3 pk 
TT 515 1 55 


21 ب شرلا : نات زاجمع 
| عاومع| ف ل رك 


لامي 


3) أنواع خطوط الطباعة: 


من شروط الإخراج الفني عدم استعمال أنواع خطوط كثيرة في التصميم الواحد. 
واقتصارها على ثلاثة أو أربعة أنواع» ولكن هدا لا يعني أننا لا نستطيع استعمال 
أكثر من ذلك» ولكن يجب أن يكون لدينا سبب مقنع لدلك»ء وعلى سبيل المثال لا 
يستطيع مخرج الصحف والمجلات استعمال أكثر من خط لكل افتتاحية مقال» أو 
العنوان الرئيسي (ع30110ع11) دن في دلك تشويش للقاريء ويعطي الإحساس 
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هل تواجه مشكلة في تنفيذ بحثك 
الجامعي ولبس لدبيك الوقت ؟ 


ڪل ما عليڪ هو إعطائنا إسم البحت 


ترجمة ابحاث - ابحاث تخرج - طباعة ملون وعادي- مونتاج أفلام - دورات تصميم 





في تصميم صفحات الجرائد يستعمل المصممون عادةً ثلاثة أنواع من الخطوط: 
واحد للعنوان الرئيسيء وواحد للعنوان الفرعي؛ وواحد للنص. 
" التنمية الاجتماعية" تبدأً المشروع على مراحل 


, 
6 مليون دينار لبناء 11 الف مسكن للأسر الفقيرة 
بدأت وزارة التقنمية الاجتماعية بالتعاون مع وزارة الأشغال العامة والاسكان والشؤون البلدية 
بمشروع وطني يشتمل على بناء ١١‏ الف مسكن للأسر الفقيرة وصيانة مساكن أخرى قديمة. ويعتبر 
المشروع خاصا بالأسر الفقيرة التي لم تتمكن من الاستفادة من المشاريع والبرامج الإسكانية الحكومية 
بسبب عدم قدرتها على دفع أي أقساط مالية مقابل الحصول مسكن صحي ملائم. 


(Text Align e1)) توسيط النص‎ )5 


تعني توسيط النصوص في التصميمء والتوسيط هو ترتيب النصوص بحسب 
الجهات التالية: 


left -‏ 41121: تدنض كي زئذ. 
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التصميم الجرافيكي من أرقى الوسائل 
البصرية التي تخاطب العقل البشري 
وتقنعه بفكرة ما عن طريق العين. 


¬ 1116© 411211: تدزؤر طهعض. 


البصرية التي تخاطب العقل البشري 
وتقنعه بفكرة ما عن طريق العين. 


Align right -‏ هد زر يي م. 
التصميم الجرافيكي من أرقى الوسائل 
البصرية التي تخاطب العقل البشري 
وتقنعه بفكرة ما عن طريق العين. 


fied Align =‏ Jush-yااu‏ ۴ ته وټر يني م آهي‌زئذ فک ةق م اسك لإي ز لج 
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البصرية الكى تخاطب العقل البشمورى 
وتقنعه ب فكرةما عن طريق العين. 


تلظ مق :التنسسيقات: الأريعة أن أفضل- تس من التاحية الحمالية وقوة الأتزان 
هو التنسيق الرابع (15611160[-:1"113) 


مميزات تنسيق :)Fully-Justified)‏ 


1. أكثر التنسيقات رسمية» حيث يكثر استخدامه في الأوراق الرسمية 
والمعاملات التجارية. 

2. يسمح بحروف ورموز أكثر في السطر الواحد» ويحشر الأحرف 
في نفس الفراغ المخصص في السطر الواحد. 

3. يلفت الانتباه أكثر من غيره لتميزه بالشكل الرصين» ويتفادى وجود 
الكثير من الفراغ الأبيض الذي يمر عبر النص. 

4. أكثر ألفة إلى القراء في بعض المنشورات» كالكتب والصحف. 


:(Left or Right Alig ed) قيصiت يزات‎ 


1. أقل رسمية» ويكثر استخدامه في الإعلانات. 

2 هناك دائماً الفراغ الأبيض بعد كل سطرء ولكن الكثير من المصمميين 
يرون بأنه يجب ترك النص ينساب على طبيعته بدون الحاجة إلى ضغطه 
أو مده كما في حالة .(Fully-Justified)‏ 

3. استخدام هدا التنسيق يوفر الوقت» ولا يتطلب الكثير من الانتباه. 
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:)Center Alig") قيصiت ممیزات‎ 


1. يعطي النص الإحساس بالرسميةء ولهذا يستخدم في تصميم بطاقات 
المعايدة أو بطاقات الدعوة أو في تصميم الشهادات المدرسية والجامعية. 

2 من الصعوبة قراءة الفقرات والسطور الطويلة المتعددة في النص. 

3. أفضل الاستعمالات لهدا النص هو أن يكون بمثابة عنوان رئيسي (11620 
©10آ) لنص تحته من تنسيق (1"01177-1115611160). 


5) مراعاة امتداد السطر وتناسبه مع حجم خط الطباعة: 


فالمعروف أن امتداد الخط أو قصره يبطئ الطباعة؛ لدا كلما كان امتداد السطر 
كبيراً وجب استخدام خط طباعة أكبرء واذا كان قصيراً وجب استخدام خط طباعة 


oer rewire rH CDE‏ تسمال اولان مون of type hest are tren kre or‏ وكرام 
تيعد !روكدم the problemi lk‏ 


Limes of type that are too long or too short Slow 
down reading amd comprehension. Combe te 
wrong lime length with the wrong type size and 
the problem is magiiif led. 

Lines of type that 
are too long or tOO 


short slow down 
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6) متى نستخدم الأحرف الكبيرة (15ء)].1 1121م 02)): 


بشكل عام استخدام الأحرف الكبيرة في التصميم مزعج. إلا أن هناك حالات 
معينة يحبد استخدام الأحرف الكبيرة فيها وهي عند التركيز على كلمة مهمة مثل 
(إسم شخصء مكان حفلة؛ موعد إقلاع طائرة...)ء وعادة ما يستخدم المصممين 
الأحرف الكبيرة في العناوين الرئيسية القصيرة (1162011065)» لميزتها التزيينية. 


FANCY SCRIPT 
OR, DECORATIVE 
7/7175: 172 7 
561115 0.9:595 709: 


ALL CAPS 





8 استخدام علامات التنقيط المناسبة: 


فهده العملية تعطي الصفحة أو التصميم رونقاً خاصاً يدل على الرقي والمتانةء 
أما في حالة تصميم الصفحات لنشرها على الانترنت فليس مهما الالتزام بعلامات 
الترقيم المناسبة حيث يمكن استخدام ثلاث نقاط (...) بعد كل جملة» ولا يجوز 
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curls dashes 





GY dots 
U O 9 


:(Boxes, Borders, Frames) تlرlطإلlو استخدام الصناديق والحدود‎ (9 


هده الأدوات تساعد على تنظيم التصميم وخصوصاً النص مع الصورء وفي 
بعض الأحيان قد يكون هناك إطار داخل إطارء وداخل كل إطار نص كتابي. في 
هده الحالة يجب مراعاة استخدام الإطارات البسيطة وعدم تقاطعها مع نص كتابي 
في التصميمء كما أن الإطار يفقد ميزته التنظيمية إدا كان كل نص في الصفحة 


موجود داخل إطار أو صندوق. 


قواعد استخدام الإطارات (1"121265): 


ه نقل فكرة معينة واضافة إهتمام: من المستحسن أن يكون هدف 
الإطار لتحديد نغمة ومسار التصميم» ومن أجل لفت الانتباه البصري 
إلى التصميم وتحسين الرسالة النصية. 

٠‏ بشكل عام تعتبر الإطارات البسيطة أفضل بالنسبة للتصميم 
الرسمي مثل: تقارير ومخطوطات المدرسة» بالإضافة إلى الأيقونات. 

٠‏ يمكن لإطار بسيط له ظل (582007) ومحاط بنص كتابي أن 
يقود المشاهد للوهلة الأولى للمعلومة التي تريد نقلها. 
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« يمكن للإطارات أن تعمل كديكور لبعض أجزاء التصميمء وأن 
تضيف له عنصر الجمالية. 

« الحدود في الإعلانات وخصوصاً إعلانات الجرائد تعمل على لفت 
الانتباه» فإذا كان هناك إعلان في صفحة الإعلانات في الجريدة - 
المليئة بالإعلانات- و تريده أن يظهر بشكل متميز ولافت للنظر؛ فيجب 
التركيز على الحدود (8010615) كأن يكون سميك أو بلون مختلف أو 








[ 5 as 

1 "1509 قت 

ا 5 د 

AccuScri be EE Al] Chrisima: | 

ntti plHE | EF males ||‏ ل لاا 

| عد ع ةن | ' TFTA TIF UPS, HEHE,‏ 
حك | 89 تعاتس انعلا عرسا عر 


FEarE Bii DUTA OT‏ درا اال 
7 111 كفك 


9 
ل م يي 1 
Holidays‏ | 0 


| 

١ 

3 Fe ِ | 

[ Fh ١ 

الى سيب 

1 

1 

1 


e rb د‎ I تقل كنا الخ‎ 
5 ميم‎ 1 € 4 I dixe rrhıced 





I HOE 


دا الىت 





٠‏ ليس بالضرورة أن تكون الإطارات مربعة الشكل» إذ يمكننا 
استخدام الإطارات الدائرية الشكل. 

» ليس بالضرورة أن ترسم الإطارات بواسطة خطوط (1.1365)» وانما 
نستطيع تصميمها بواسطة أيقونات أو كلمة معينة ثم نكرر هده الكلمات 
أو الأيقونات. 

ه ليس بالضرورة حشر جميع العناصر داخل الإطارء وانما يفضل 
في بعض الأحيان الخروج عن صندوق الإطار من أجل لفت النظر من 
خارج الإطار إلى داخله. 
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« قد تتكون الإطارات نتيجة كتل لونية مع أو بدون حدود. 

ه يجب مراعاة محتوى التصميم بالنسبة للمكان الذي سيظهر فيه هدا 
التصميم» ففي الصحف والمجلات سنكون على علم كاف بأنه يجب 
علينا تجنب الخطوط الرقيقة» وا لتصاميم المعقدة ) كثيرة العناصر)ء ومن 
جهة أخرى يجب معرفة هدف التصميم حتى نتمكن من معرفة نوع 
استعمال حدود مكونة من أيقونة علس شكل مهرجح تبي تصميم يهدف 
للتعزية والمواساة» إلا أنه سيكون من المناسب مثلاً أن تستخدم حدود من 
الأزهار حول تصميم يهدف للتهنئة والتبريك. 


0) استخدام عدد قليل من الصور :(Photos & Clip arts)‏ 


الصور والرسومات هي بهارات التصميم» إلا أن تصميماً يحتوي على كثير من 
الصور يجعل من الصعب على القارئ التركيز على ما يقوله التصميم» لدا فإن من 
الضروري أن تعمل الصور داخل التصميم كداعم لفكرة التصميم. في الحقيقة ليس 
هناك مقياس سريع يمكننا من معرفة ما إذا كانت الصور في التصميم كثيرة أم لا 
ونحن فقط نستطيع إحساس ذلك بالفطرة» ومن الأمور المهمة التي قد ترشدنا إلى 
ذلك مايلي: 


ه تقليل الحجم: بدلا من استخدام عدد كبير من الصور الصغيرة 
نستطيع تقليل دلك بواسطة استخدام صورة أو صورتين كبيرتين فقط. 

» توحيد الصور: ويعني أن تكون الصور موحدة من ناحية حجمهاء 
الإطار الموجودة داخله»ء التوسيط... 
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ه إذا ما كان هناك العديد من الصور التي قد تشتت الانتباه» فإنه 
مخ الأفضيل عنذها أن 'تميز “خهسورة واحندة عن الآخريات: وذلك يتكيير 
حجمها أو حدودهاء مع إبقاء صفة الوحدة على الصور الباقية. 


1) الحرص على استخدام الفراغ الأبيض (ع2cمS‏ ع :)W i)‏ 


إن من أصعب المفاهيم في التصميم هو مصطلح (الفراغ الأبيض).؛ ربما لأنه 
يبدو ذو تأثير سلبيء فالفراغ الأبيض يعني: غياب النص وغياب الصورء مساحة 
فارغة» مساحة سلبية خالية. ولعن مع كل هده السلبيات فان الفراع البيعض مهم 


جدا. 


الفراغ البيض بمثابة غرفة تنفس بصرية للعين» حيث يريح العين أثناء انتقالها 
بين عناصر التصميم من صور ونصوصء وفي التصميم الجرافيكي الفراغ البيض 
مهم في تصنيف التصميم» فعند نقل رسالة معينة عن (سلطة:» رزانة» أو رقي) فإن 
المصممين يهتموا بأن يضيفوا الكثير من الفراغ البيضء أما في حالة الإعلانات 
العادية التي تخاطب معظم الناس بفكرة بسيطة يحبذ عندها استخدام فراغ أبيض 
أقل» وفي حالة الإعلانات التجارية الرخيصة ذات النسخ الكثيرة» فإن الصفحة تكاد 
تخلو من الفراغ البيض. 


2) الحرص على استخدام النسق الطباعي الصحيح (]1,27011 ©286): 
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معظم برامج النشر المكتبي تستخدم عدة تنسيقات طباعية جاهزة» ولكن من 
اصعب صان كول اسن ت الح هة كمل ارما ذا مح ةة هة 


تغيير بعضص هذه العناصر› ومنها: 


« الهوامش (1/123181025). 

ه الشبكات وlلأعnدة .(Grids/Columns)‏ 

ه القنوات والفراغ ما بين اÎJعnمدة .(Gutters/ Columns Spacing)‏ 

.)1"0215( خطوط الطباعة‎ ٠ 

« القيادة (ع2012ع.]). 

ه العروات وتعريفات الفقرlات .(Tabs/Paragraph Idents)‏ 

ه المباعدة مابين lاlفقرlت .(Paragraph Spacing)‏ 

.(Drop Cap Settings) ةرıبكl الأحرف‎ 

ه تعديلات خاصية لف الخطوط أو تداخلها مع الصور ( Text Wrap‏ 
.(Offsets‏ 
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العتوان الرئيسي [(©1©0600167]) 


(Border) حد‎ 


المرا اغد 


في السطر الأول من الضقر (1)0©1013) 


اللصميم لجرافيكي أحد أقوى فنون القرن لعشرين 


ما أن بدأ الإنسان بالسيطرة 


على ظواهر الطبيعة حتى أصبح 
بإمكانه الحكم على مقدرته من 
خلال التجربة التي عبر عنها 
سلفاء لقد تكونت لديه لغة خاصة 
وعرف أنه يستطيع فرض 
مزيد من السيطرة على الطييعة 
عن طريق ذلك الحوار المعقد 
بينه وبين مكنونات الطبيعة. ما 
أن بدأ الإنسان بالسيطرة على 
ظواهر الطبيعة حتى أصبح 
بإمكانه الحكم على مقدرته من خلال التجربة التي 
عبر عنها سلفاء لقد تكونت لديه لغة خاصة بالتعبير 
زيد من السيطرة على 


ار المعقد بينه وبين 


و عرف لله 2 ليع فرض 
الطبيعة عن طريق ذلك اا 
مكتونات الطد الطبيعة. 


التجربة التي عبر عنها سلفاء » لقد تكونت لديه لغة 
خاصة بالك سدور وعرف أنه ب يستطيع فرض مزيد من 
السيطرة على الطبيعة عن طريق ذلك الحوار المعقد 


ن بدأ الإنسان بال 5 3 ٠‏ ا 


ة على الطبيعة عن طريق 
ذلك الحوار المعقد بينه وبين 
ما أن بدأ الإنسان بالسيطرة على 
ظواهر الطبيعة حتى أصبح بإمكانه 
الحكم على مقدرته من خلال 
التجربة التي عبر عنها سلفاء لقفد 
تكونت ديه لغة خاصة بالتعجبير 
وعرف أنه يستطيع فر 1 
السيطرة على الطبيعة عن طريق 
ذلك الحوار المعقد بينه ود 
مكنونات الطبيعة. ما أن بلدا 
الإنسان بالسيطرة على ظواهر الطبيعة جلى أصبح 
بإمكانه الحكم هجربة التي 
سلفاء لقد تكونت لديه لغة خاصة بالتعبير 


وعرف أنه يستطيع فرض مزيد من السيطرة على 


(Paragraph) 


الصُراغ ما بين الضقّرات (50062170 (ParagrQph‏ 


حتى أصبح بإمكانه |/ الى مقدرته من خلال 


5 ذذلت ۵ 5 


غبر عنها س لفاء لقد تكونت لديه لغة 


حتى أصبح بإمكائه الحكم 1 قدرة من خلا ددم وعرف أنه يستطيع فرض مزيد من 


١ ١0 ٠ 75 . 7 ّ‏ - 
ما أن بدأ الإنسان با بد على ظواهر 3 التحر ةا 





اللأعمدذ ([17011ل|001)) الصراغ بين اللأعمدذ [1 ©1011 ) هامش )١/0101(‏ 


قواعد استخدام الصور في الإخراج الفني والمطبوعات: 


أحياناً قد يخطيء الكثيرين في استخدام صور من الانترنت لأنها تظهر جميلة 
وعالية الجودة» ولكن النتيجة تتغير تماماً عند تكبيرها في تصميم معين فتتكسر أو 
تقل جودتهاء وربما تبعثها عبر البريد الالكتروني وتفاجأ بان المستقبل لا يستطيع 
الإطلاع عليها أو أن نصف الصورة فقط ظاهر للعيان. 


من المشاكل قد تحدث»› نتيجة ا اختيار الصور» حيث أن 
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- عليك معرفة التنسبقات ومميزات كل تنسيقء» وقد ذكرنا التنسیقات فی درس 
سابق» ولمزيد من التفصيل نورد مايلي: 


هناك نوعان من هيئات الصyر‏ : .(Vector) ڪy (Bitmap or pixel-based)‏ 
كل من صفحات مواقع الانترنت والشاشات تستخدم الصور من نوع (81]08)» 
أما المطبوعات فإنها قد تستخدم كلا النوعين (7601015 42 م81]503) والفرق بين 
هذين النوعين أن الصور من نوع (8115130) تكون في أفضل جودة لها بحسب 
الحجم الحقيقي التي انتحت على أساسه. وعند تكبيرها فإنها تفقد شيئاً من جودتها 
ووضوحهاء أما )١60]01(‏ فإنها قابلة للتكبير والتصغير. 


- اختبار التنسيق المناسب للتصميم: 


معظم تنسيقات الجرافيكس هي كما ذكرنا (م81)08) أو (01]ع176)؛ ومن 
الأمثلة على النوع الأول: (2016 320 ,111 ,12800 ,011)» أما النوع الثاني 
فهناك العديد من تنسيقاته مثل: (71071 ,0061741 ,125): وهناك تنسيقات خاصة 
قد تتكون من كلا النوعين (1]01ع»7آ ع5 81)087) وهي .(CDR and A1)‏ 


بالنسبة لتصميم صفحات الانترنت تعتبر تنسيقات (152180 © *611) الأفضل 
لقلة حجمها مما يجعل من موقع الانترنت أكثر سرعة في عملية تحميل الصور 
وعرضهاء وبالنسبة للمطبوعات تعتبر تنسيقات (185 ,1117) من أفضل التنسيقات 
التي تستطيع المحافظة على جودة الصور كما أنها شائعة الاستعمال في جميع 
برامج الطباعة في المطابع التجارية (215655) والمطابع المنزلية (7ع]8210). 


- مراعاة حقوق النشرء 
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وهي أنه يجب على المصمم الاهتمام بمعرفة حقوق النشر الخاصة باستعمال 
صورة معينة أو كليب آرتء إذ أنه لا يجوز استخدام أي صورة نحصل عيها من 
الانترنت أو من مكان آخر. من هنا فإن أفضل وسيلة للحصول على الصور هو 
إلتقاطها عن طريق الكاميراء حيث يستطيع المصمم تكوين فكرة معينة عن الصور 
التي يريدها ومن ثم يبحث عن الموضوع ويلتقط الصورة تماماً كما أرادها. 


مهارات كتابة العناوين الرئيسية (esہ1ال4٤]5):‏ 


إن الفكرة من العنوان الرئيسي (التصديري) في أي مقال أو إعلان هو لفت 
الانتباه. حيث أن العنوان الرئيسي المتقن قادر على تحريض القاريء على متابعة 
القراءة والبحث عن المزيد» وإذا كنت تعتمد على جسم الإعلان أو المقال أكثر من 
العنوان الرئيسي فإنك لا محالة ستجعل صاحب الإعلان يخسر %80 من نقود 
تكلفة هذا الإعلان. 


وهناك عدة أمور فنية مدروسة يحبذ الاهتمام بها عند كتابة العنوان التصديري 
في مقالة أو إعلان من خلال استعمال الكلمات المناسبة وذات الوقع النفسي القوي 
لدى المشاهدين والقراء» وهي : 


- إيقاد الفضول وحب الاستطلاع في نفس المشاهد. 

- التلميح عن حل لمشكلة هامة تخص معظم الناس. 

- اعتماد القصر في الجمل والعبارات. 

- الحرص على أن تكون قوة العنوان مناسبة لقوة المقال أو الإعلان. 
- اجتناب العناوين الخادعة أو المبالغ في عباراتها. 
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تستطيع تكوين الفضول لدى القاريء مثلاً عن طريق استخدام الأسئلة 
الاستفزازية» أو عن طريق استخدام الجمل الأشبه بالشعرية» أو عن طريق طرح 
فكرة مشوقة لدى جميع فئات الناس مثل (ارتفاع أسعار الخبز....) ومن ثم 
محاولة استمالة القاريء ليكمل الموضوع أو الإعلان ليتبين أن الموضوع ليس له 
علاقة بارتفاع الخبز إلا بتشبيه شيء بارتفاع الخبز. في الحقيقة هناك عدة طرق 
لذلك» وبعض الطرق قد تكون خاصة بمجتمع أو فئة معينة وبظروف معينة. 


إليك المثال التالي لإعلان يتوجه إلى طلاب الجامعات» ويوقد لديهم الشعور 
فی کن آلا وات رس د ا د ا ا اليه الخدمات 
الطلابية» سو ترى في هذا الإعلان قوة العنوان التصديري في حفز الطلاب لمتابعة 
قراءة باقي المعلومات في الإعلان: 
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ايجاد حمیع الخدم لط 0 





0 I TOE 





إحدى الطرق الرائجة في عالم الإعلان أن المصمم يحاول الاستفادة من وظيفته 
الرئيسية وهي التعبير عن قضية أو مشكلة معينة ومن ثم محاولة طرح الحل» لذا 
نجد معظم المصممين أو المحررين في الصحف يستخدمون العبارات التي تشكل 
صدى قويا لدى الناس كالتلميح لوجود منفعة داخل صفحات الإعلان أو المقال. 
من الممكن أن يحمل العنوان الرئيسي حلا لمشكلة عامة كالفقر أو البطالة. 


من الكلمات والعبارات المؤثرة التي تستخدم في العناوين الرئيسية: 
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- مضمون 100 

- الحل جاهز! 

- الطريقة الوحيدة ل (مشكلة)! 
- أحصل على خصم 7050.... 


Sending Files to Your Service ( التحضير للطباعة‎ 


:(Bureau 


في بعض الأحيان تحصل عدة أخطاء عند إرسال تصميم معين إلى المطبعة 
والبدء بعملية الطباعة كاختلاف خطوط الكتابة أو اختلاف نسخة برنامج التصميم» 
أو اختلاف الألوان» وغيرها من المشاكل. وللحيلولة دون وقوع هذه المشاكل سنقوم 
في السطور القادمة بدراسة جميع الأمور المتعلقة بالتحضير النهائي للطباعة. 


4. 


في بعض الأحيان يدرج المصممون خطوط الكتابة التي استعملوها في 
التصميم» أو يدرجون الصور» ولكن هناك عدة قواعد فنية يجب الالتزام بها في هذه 
المرحلة المهمة لتفادي حصول الأخطاءء وهذه القواعد كالآتي: 


ه يجب معرفة البرنامج الذي يستخدم في المطبعة وبناءاً عليه يحفظ المصمم 
تصميمه بالنسق الملائم لذلك البرنامج» وحتى في بعض الأحيان يكون 
البرنامج ذاته غير قادر على فتح ذلك التصميم نظراً لاختلاف نسخة 
البرنامج التي تم تنفيذ التصميم فيها عن نسخة البرنامج الموجود في 
المطبعةء لذا من الأفضل أن يحفظ المصمم تصميمه بتنسيق موحد 


مه م ل معظم برامج اأ 1 ان مه م ضه مثل e‏ ية .(EPS)‏ 
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ه في حالة حفظ الملف في تنسیق ( 0101 أو 1725 أو 41 ) يجب الانتباه 
إلى تحويل الخطوط (770613665) إلى صور (011]11265) لتفادي مشكلة 
عدم وجود نفس الخط المستعمل في التصميم في المطبعة. 

ه الانتباه إلى أن نظام الألوان هو المستخدم لعمليات الطباعة (M۷6))»ء‏ 
لتفادي مشكلة حدوث تغيير في ألوان التصميم عند الطباعة. 

« التأكد من أن الصور المستخدمة في التصميم أصبحت جزء من التصميم 
نفسه (110660060) وليست جزء مربوط بالتصميم أي أنها ليست عبارة 
عن .(Links)‏ 

« في بعض الحالات يقتضي من المصمم عدم تخزين التصميم تحت تأثير 
الضغط (00171655101)) فهذه العملية قد تقلل من جودة الصور 
اة فى تضم وهذة الحالة تكو كك تصيميم إعلانات فيان 
كبير. 

« التأكد من وجود علامات القص (17/13115 005) وعلامات التسجيل 
.(Registrations Marks)‏ 


:(Colors Separation) jl)! Jصف‎ 


عملية فصل الألوان مهمة في الطباعة وهي التي تكون جميع الألوان التي نراها 
في الصور والاعلانات. لنأخذ مثلا هذه الصورة: 
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سأفصل لكم هذه الصورة الى الأربعة ألوان الأساسية للطباعة وهم: 


0 
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Magenta 


ESF ا‎ 


بح Charme “PR‏ ت اناك تق ا E‏ 


1 لل‎ 7 E 
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Black 


الذالة الله كه ل 1 E‏ 


سس 
a E er eam Gm‏ 
6_ء 5 


ا 





كما شاهدتم هذه هى درجات الالوان الاساسية المسجلة في أفلام الطباعة؛ 
ونستلم هذه الافلام على ورق من البلاستيك القوي الشفاف وتكون الألوان كلها 
بالأسود والأبيض كما شاهدتم. وفي المرحلة النهائية قبل بدء الطباعة يتم طباعة 
محتويات الافلام على ألواح من الزنك لكي يتم ادخالها الى ماكينات الطباعة 
لطباعة محتويات التصميم. 


(1) تصاميم الاعمال التجارية يجب أن تكون بنمط 01/1591 وبدقة 300 
بكسل/إنش. هذا بالنسبة للأعمال التي ستطبع على الورق» أما بالنسبة لللافتات 
الاعلانية من نوع 1162 فعليك بدقة 500 بكسل /إنش بحجم يوازي 10/1 (عشر) 
الحجم الحقيقي مع مراعاة تجنب الكتابة ضمن 3 سم من محيط التصميم. 
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(2) إن العديد من الفلاتر في برنامج فوتوشوب لا تعمل ضمن صيغة 
16 فيلجأ البعض الى تحويل الملف الى صيغة 1018 وتطبيق الفلتر ثم 
العودة الى نمط ))M ۲K‏ وهذا خطأء لأن درجات اللون عندما تعود الى 
CMYK‏ لا تعود فتصبح كما كانت في السابق» ولذلك الحل الانسب هو ان تنقل 
الشفيفة المراد تطبيق الفلتر عليها الى ملف جديد صيغته 1038 ثم اعادتها الى 
الملف الاصلي مع الانتباه الى تصحيح درجاتها اللونية. 


(3) في فوتوشوب» يفضل انتقاء الالوان من لوح الالوان 51736165 وتركه 
على الوانه الافتراضية لأنها متوافقة مع ألوان الطبع >023/5/1. 


1 فاحذر أن تختار لونا غير قابل للطباعة حيث أن البرنامج يقوم بوضع 
اشارة مثلث فوق اللون غير القابل للطباعة كما في الشكل التالي. 





-ِ 


On: [34 ]* O1 
05 EE 3% O3: |26 





)5( يظن الكثير من المصممين أن اللون الاسود القاتم هو ذو درجة 100 من 
كل لون من ٠» C۲٤‏ ببساطة هذا خطأء وإذا كنت تريد أن تلون شكلاً باللون 
الأسود فاستعمل النسب: (1:100 - 98:50 - 34:50 - 0:50)» ولكي تحصل على 
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لون أسود قاتم في الفوتوشوب عليك بتلوين النص أو الشفيفة بدرجات ( - 0:0 
0 - 72:0 - 71:0)» ثم غير ع1200 20ع61 الى :15م1211161 


(6) إرشادات عامة لدرجات الالوان» وقواعد أولية في مزج الالوان: 


أ( الگکلی: يتألف من: 
CYAN‏ 


50 


MAGENTA S50 ا‎ 
YELLOW | 0 ا‎ 


من 30 حتى 70 BLACK‏ 


ب) الأحمر الداكن "خمري": 





CYAN 
MAGENTA 
YELLOW 


من 30 حتى 50 BLACK‏ 





ج) الأحمر النقي: 


CYAN O0 | 
MAGENTA 


YELLOW 
BLACK | 0 | 





CYAN O0 | 
MAGENTA | 0 
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YELLOW 100 


ه) الأخضر وتدرجاته: 


CYAN 
MAGENTA 


YELLOW 
BLACK 


بالنسبة للدرجات المذكورة في الاعلى فهي أساسية للألوان المذكورة فقطء ولكن إن 
كنت تريد الحصول على لون هجين فأنت حر في ما تريد استخدامه. وان اردت 
تغميق اللون أو تفتيحه فعليك بزيادة أو خفض درجة اللون الاسود في اللون. 





في بعض المطبوعات نرى للونين الذهبي والفضي كأنها طبقة من الطلاء 
وضعت على المطبوعةء وفي الحقيقة هما لونين ولكن ضمن قائمة (الألوان 
الخاصة)» والتي لا نستطيع تمييزها بفعالية في برامج التصميم؛ ولهذا تم تخصيص 
كود معين لكل لون خاصء وفي الفوتشوب مثلاً يحصل اللون الفضي على قناة 
لونية خاصة. في المطابع يقوم الفني بالتعرف على اللون الفضي في عملية فرز 
الألوان من خلال الكود الخاص به. 


الفكرة المبسطة لإنتاج المطبوعات: 


على خلاف الطلاء الزيتي أو المائي» يستعمل الحبر في الطباعة فقط. طباعة 
ملصق ملون عبر شاشة طابعه» يحتاج إلى حبر من أربعة ألوان (01/1516). 
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عبر ضغط هذه الألوان الأربعة في نقاط صغيرة» يمكن أن نحصل على أي لون 
بينها. ويتم الوصول إلى النقاط عبر دفع الحبر من خلال مادة من البوليستر تعرف 
بالشاشة. يتم الحصول على صور النيغاتيف التي تعود للألوان الأربعة من الصورة 
الأصلية» ثم يتم تكبيرها بحجم الملصق المطلوب. 


تكمن الخطوة التالية بصناعة المجمع» حيث يتم تجميع عناصر الشبكة بحيث 
يمر الحبر عبر تلك المناطق التي نريد الصورة فيها؛ يتم ذلك بتغليف الشاشة بمادة 
حساسة تجاه الضوء وبوضع الفيلم في مواجهة الشاشة» ثم يخضع كل شيء بعدها 
إلى أشعة ما فوق البنفسجية لبضع دقائق وحين تمر أشعة الضوء عبر الأماكن 
الشفافة للفيلم تطهي الغشاء وتحاصر الشبكة. 


تحمي المناطق الداكنة من الفيلم الغشاء من الضوء. وعندما يتم غسل الشاشة 
بالماءِ» تحرر النسية الغير مطهية في الغشاء من المادة المشيكة. يتمكن الحبر من 
ا د ن و 


اطدااعزة رن ميات Nel eNOS NE‏ 
الشبكة نحو الورقة التي تحت الشبكة. 


تمر الورقة المطبوعة بعدها عبر نفق لتجفيفهاء ثم تتكرر العملية ذاتها لكل من 
الألوان الأربعة. وهكذا تخرج الملصقات أخيرا ليحتوي كل منها على اكثر من 
ملياري نقطة. ثم تنتشر الملصقات المنتجة على جدران المدينة وفي الأماكن العامة 
الأهم حيث يمكنها لفت الأنظار. 
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الفصل الحادي عشر: أسس نجاح التصميم 
الشروط الواجب توفرها لنجاح التصميم: 


هناك عدة شروط من الواجب توافرها في التصميم الفني ليظهر بصورة قوية 
ومعبرة عن فكرة ماء وبمعلى آخر هناك عدة ان لنجاح التصميم» هي کے 


أولاً: وجود الفكرة في التصميم: 


يجب أن يحتوي التصميم على فكرة معينة معبرة عن الشيء الذي يريد أن ينقله 
المصمم للناس» فالمقصود بالتصميم أصلاً هو انه وسيلة بصرية للتعبير عن فكرة 
معينةء وفي هدا الصدد يكثر المصممون من استخدام الرموز المختلفة في 
تصاميمهم للدلالة على فكرة معينةء فمثلاً إعلان الخطر يرمز دائما له بالجمجمة 
مع استعمال اللون الأحمر بكثرة... 


أمثلة على توظيف الفكرة في التصميم: 
- إعلان غسالة عادةً ما يحتوي على فكرة (النظافة) أو البياض أو وجود ماء 


نخشدف 
© © © 
0 


- إعلان الكمبيوتر عادةً ما يحتوي على فكرة التكنولوجياء السرعةء الدقة.... 
إعلان عن السعادة عادةً ما يحتوي على وجوه ضاحكة» أزهار» أو طبيعة. 


إعلان عن البراءة عادةً ما يحتوي على وجوه أطفال وهكذا. 
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ثانياً: وجود النص الكتابي (16:<0) في التصميم: 


إن أهمية وجود نص كتابي في التصميم تساعد على فهم التصميم والهدف منهء 
وكثير من الإعلانات تحتوي على نص كتابي على شكل فقرة كاملة أو اثنتين» أو 
أنها تحتوي على نص رئيسي يزيد من التعريف بفكرة الإعلان» والمعروف أن 
الإعلان الذي يحتوي على نص كتابي قوي عن طريق استخدم عبارات مؤثرة هو 
الأكثر نجاحاً ووصولاً للجمهورء وفي أيامنا هذه أصبح كثير من المصممين 
يستخدمون اللغة العامية في نصوصهم لسهولة فهمها من قبل الجمهور. 


ثالثاً: وجود الصور في التصميم: 


لا تقل أهمية وجود الصور عن أهمية وجود النص الكتابي» بل إنها أحيانا 
تتعدى أهمية النص الكتابي في إيصال المعاني من التصميم وتحقيق الهدف. 
فالصور أحياناً تنقل المعنى المباشر للفكرة التي يحاول المصمم إيصالها للجمهور 
في إعلان معين. 


رابعاً: مراعاة تناسق الألوان: 


إن مراعاة تناسق الألوان وانسجامها مهم جداً في إضفاء الجمالية على 
التصميم» واعطاء العين الاستقرار والهدوء لتتمكن من مشاهدة التصميم بكل سهولة 
وراحةء ومن المهم أيضاً أن تكون الألوان جذابة للوهلة الأولى حتى تسرق نظر 
المشاهد مثلا عندما يفتح أحد صفحات الجريدة المليئة بالإعلانات المختلفة. 


خامسا: اعتماد مبدأ البساطة في التصميم: 
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كثيراً ما نرى إعلانات ألوانها جميلة والصور المستخدمة واضحة, ولكننا لا 
نعيرها انتباهاً! لماذا؟ لأن هذه الإعلانات تحتوي على كثير من العناصر مما 
يوحي بالتعقيد في التصميم» وبالتالي فإن العين تنفر من هدا التصميم لتنتقل إلى 
تصميم آخر عناصره أقل» وأحياناً ترى عنصراً واحداً أو اثنان ولكنك تنجذب لمثل 
هده الإعلانات؛ إذن البساطة هي مفتاح التصميم الناجح الذي يصل إلى قلوب 
الناس بشكل كبير. 


سادساً: الابتكار والتجديد: 


المصمم الناجح هو ذلك الذي يبتكر أفكاراً جديدة في تصميمه ويعبر عن أفكاره 
عن طريق استخدام عناصر معينة في قالب جديد يعبر عن روحية التصميم. 
ويحاول المصممون المزج مابين العناصر والصور والنصوص لإخراج فكرة معينة 
إلى الجمهورء ومنهم من يستعمل عنصراً واحداً في التصميمء المهم هو الكيفية 
التي استعمل فيها ذلك العنصر. 


وكثيراً ما نسمع هدا المصطلح: 'فكرة التصميم قوية" أو 'ضعيفة"'» فعندما يشاهد 
الناس إعلاناً معيناً يحتوي على فكرة قديمة استخدمت عدة مرات وتكررت في أكثر 
من إعلان» فإنهم سيعتبرون أن الإعلان ضعيفء وبالتالي فإنهم غير مقتنعين بفكرة 
شراء المنتج الذي يعلن عنه هذا الإعلان. 


فنيات جذب المشاهدين للاعلانات: 
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في عالم الدعاية والإعلان أصبح هناك الكثير من التقنيات والفنيات التي تزيد 
من تأثير الإعلان على الناسء وبالتالي تحقيق الهدف المرجو من تصميم وطباعة 
هذه الإعلانات التجارية» ومن بعض التقنيات المهمة والتي تدرس في علم الإعلان 
الحديث مايلي: 


(1) التأكد من وجود عنصر كبير داكن (17211) في الإعلان: 


من الممكن أن يكون عنوان رئيسي كبير وغامق (8010)؛» صورة؛ أو شكل 
توضيحيء على سبيل المثال إذا فتحت الصحيفة ستلاحظ أن عينك ستقع أولآً على 
الإعلان الذي يحتوي على أكبر مساحة داكنة فيه» بغض النظر عن كبر حجم 
الإعلان» فإعلان صغير ينطبق عليه هذا الشرط قد يلفت النظر أكثر من الإعلان 
الكبير الذي لا يحتوي على هذا الشرط. 


(2) التأكد من أن العنوان الرئيسي كبير وغامق (8014) ويحتوي على رسالة 
ملفتة: 


حيث أن العنوان الكبير العريض والمكتوب بخط غامق يجبر عين المشاهد على 
الانتباه له» وبالإضافة إلى قوة العبارة المستعملة في العنوان فإن القاريء سيتوقف 
فعلاً لمتابعة قراءة المقال أو الإعلان. 


(3) استخدام نسق طباعي (1,230111) بسيط ومحاولة تجنب الفوضى في ترتيب 
العناصر: 
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كما ذكرنا سابقاً فإن صورة كبيرة واحدة في الإعلان هي أفضل من عدة صور 
صغيرة؛ والطريقة المثلى للفت الانتباه هي مساعدة القاريء على التدرج من أعلى 
الصفحة إلى أسفلها بكل راحة وبدون تشويشء وهكذا يتحقق هدف الإعلان؛ وهو 
أن يكون مقروءاً بشكل كامل وواضح. فكثرة العناصر الموجودة في الإعلان قد 
تشوش العين» وبالتالي فإن رد الفعل النفسي لدى المشاهد هو أنه "لا يريد إكمال 
القراءة". 


(4) الرسالة الموجودة في الإعلان أهم من تلك الصور والأشكال الكثيرة: 


حيث أن استعمال الصور والعناصر الكثيرة قد يشتت انتباه المشاهد إلى الرسالة 


التي يريد الإعلان إيصالها للناس» إذن الصور والأشكال ليس بالضرورة أن تكون 
طاغية على الكلام. 


(5) التأكد من عدم كتابة العبارات والجمل على الصور: 


فذلك يجعل قراءة الكلمات أصعب» وبالتالي فإن قاريء الصحيفة سيقلب 
الصفحة وستخسر العنصر الأهم في الإعلان وهو لفت الانتباه واقامة علاقة مودة 
بين القاريء والإعلان للوهلة الأولى التي يسقط عليها نظر القاريء؛ إذن يجب 
على المصمم مراعاة كتابة الجمل والعبارات الإعلانية في الأماكن التي لا تحتوي 
على صور مثل أن يكتب بجانب الصورة أو فوقها... 


)6( محاولة إثبات فكرة الإعلان: 
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بعض الإعلانات التجارية تطلب من الناس شراء سلعة معينة لأنها تتميز 
بمواصفات ممتازة» ولكن إذا لم يحاول المصمم إيجاد طريقة ما لإثبات نظريته فأن 
الناس لن يقتنعوا بهذا الإعلان» وبالتالي لن يفكروا بشراء هذه السلعةء لذا فإنه من 
الأفضل الاستفادة من التواصل البصري بين الإعلان والناس عن طريق عمل 
مقارنة في الأشكال بين هذه السلعة وسلعة أخرىء أو باستخدام عبارات مثل: 
(التجربة أكبر برهان)؛ وتذكر أن معظم العبارات التي يعتقد الكثير بأنها تدعم 
الإعلان مثل (الجودة» القيمة» النتيجة) هي بلا فائدة إذا لم يصاحب الإعلان دليل 
على صحة ذلك الكلام. 


(7) الانتقال إلى النقطة الرئيسية: 


حيث أن المشاهد أو القاريء سيسأل نفسه: 'ما هو الشيء المفيد لي في ذلك 
الإعلان؟". والمصمم يجب مراعاة هذا التساؤلء وبناءً عليه» يحاول المصمم سلفاً 
الإجابة على هذا التساؤل عن طريق الانتقال إلى فكرة الإعلان الرئيسية مباشرة 
ومن ثم يستطيع المصمم التدرج بالتفاصيل الأخرى. هناك قانون في علم الدعاية 
والإعلان رل ان ل تالكر ل ) Fire your biggest Gun‏ 
(first.‏ 


)8( استعمال لغة بسيطة مفهومة لد ى الجميع: 


الإعلانات التي تستعمل العبارات القوية وخصوصاً الإعلانات في اللغة العربية 
التي تستعمل العربية الفصحى هي إعلانات لا تصل إلى مستوى فهم جميع فئات 
المجتمع. على اللغة أن تكون بسيطة» وقريبة من قلوب الناس كأن تستخدم مثلا 
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اللغة العامية» فهي مفهومة لدى الكل ولن يحتاج البعض إلى قاموس لتفسير 
ونيا 


(9) أخبر الناس بما قد يخسروه إذا لم يفعلوا ما في الإعلان: 


تذكر هذا المبداً: الخوف من الخسارة لدى الناس هو أكبر من رغبتهم بالكسب. 
ويعني هذا أن المصمم إذا استعمل ذلك الأسلوب فإن إعلانه قد ينجح بشكل كبير 
لأن هذه طبيعة النفس البشرية؛ تخاف من الخسارة أكثر بكثير من الربح» لذا فإنك 
عندما تخبر الناس بأنهم سيضيعون على أنفسهم الكثير من المتعة إذا لم يذهبوا 
لحضور مسرحية معينة» أو أن تخبر الناس أنهم سيخسرون الكثير من الأمور 
الجيدة مثل: انخفاض الضرائب» خدمة مابعد البيع» الكفالة المجانية... إذا لم 
يقوموا بشراء سلعة معينة» واليكم هذا المثال: 


'باستمرارك لحفظ نقودك في حسابات التوفير التي تعطي فائدة مقدراها %3 
فأنك بذلك تخسر 25 دينار كل يوم. لا تدع الفرصة تفوتك» ألم تخسر بما فيه 
الكفاية؟ اليوم» حول حسابك إلى حسابنا الجديد الذي يعطيك فائدة مقدارها %6 
وأعط عائلتك الأمان المضمون الذي يستحقونه» إلا إذا كنت تريد خسارة 25 دينار 


غدا وبعد غد ." 


اختبر الكلمات التي أوردتها في الإعلان» اسأل نفسك: هل كل هذه الكلمات 
ضرورية؟ هل تساعد الزبون على التفاعل الفوري معها؟ إن الكلمات الكثيرة عاذه هنا 
تجعل من فهم الإعلان من الأمور الصعبة» لذا إن ظهر الإعلان بصورة أوضح 
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مما عليه في حالة الإكثار من استخدام الكلمات فإنه من الواجب إزالة هذه 
الكلمات» واعتماد أن تكون الكلمات الباقية في الإعلان سهلة ومفهومة. 


(11) أخبر المشاهد بما عليه فعله: 


من الغريب أن كثيراً من الإعلانات لا تحتوي على تعليمات معينة بمثابة طلب 
من الزبون لفعل شيء معينء إنهم يتوقعون ان يعرف الزبون بما عليه فعله من 


تلقاء نفس4. 


من الأمور الجيدة في عالم الإعلان أن تكون إرشاديةء كأن تطلب من الزبون 
المحتمل أن يتصل برقم معين للاستفسارء أو لطلب نسخة من النشرة الإعلانية 
المفصلة الخاصة بمنتج معين أو بكيفية الالتحاق بدورة تعليمية... 
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إذا أردت أن يتجاوب الزبون مع الإعلان أخبره بما يجب عليه فعله بدلاً من 


تركه يحزر. 


(12) التركيز على مفهوم (الاتصال في أي وقت): 


معظم الناس يخجلون أحياناً من الاتصال برقم وارد في إعلان ماء أو أنهم 
يكرهون دفع قيمة المكالمة» وبذلك من المحتمل أن تخسر شركة معينة الكثير من 
زبائنهاء ولهذا يجب على المصمم أن يهتم بتوضيح أن جميع المتصلين مرحب 
بمكالماتهم وذلك ممكن عن طريق إدراج عبارات مثل: "اتصل في أي وقت",. أو 
ال ف ارت اا 
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(13) وضوح رقم الهاتف وكتابته بخط واضح ومميز: 


هذا العنصر من أهم العناصر التي تجعل الزبون يتجاوب مع الإعلان» مثلا 


عند الإعلان عن طلب موظفين فإنه من المهم أن تجعل إيجاد رقم الهاتف سهلا 
بالنسبة للقاريء» وواضحاً بدرجة كافية. 
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الفصل الثانى عشر 


برامج الكمبيوتر والتصميم 
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مصطلحات مهمة في برامج التصميم: 


قبل البدء ببرامج التصميم ارتئيت أن أقدم للقاريء الكريم التعريفات المهمة التي 
ستردد على مسمعه عند التعامل مع جهاز الكمبيوتر وبرامج التصميم المختلفة 
وعندها ستكون لديه الفكرة الكافية عن أي مصطلح سيرد ذكره في الصفحات 
القادمة بما يخص التصميم باستخدام برامج الكمبيوتر. 


Resolution ٠‏ - كثرا ما نسمع بهذا المصطلح في مكاتب 
التصميم والمطابع الكبيرةء فما معناه؟ إنه كمية التفاصيل الموجودة في أي 
صورة أو تصميم» فكلما كانت تلك التفاصيل كثيرة كان التصميم واضحا 
عند الطباعة؛ ولكن إدا كان العكس فإن التصميم أو الصور الموجودة 
داخل التصميم ستبدو مكسرة أو واهية» مع ملاحظة أن التصميم المتميز 
برزوليوشن عالي سيكون حجمه أكبر. 


بإمكاننا التحكم في 1650111101 عند عملية المسح الضوئي للصور 
(8ع5632212) ودلك في إدخال رقم معين في المربع الخاص بتحديد 
0 وروأكثر المساحات الضوئية تعطي (1م0 300) كرقم تلقائي؛ 


وهدا الرقم مناسب في حالة أن حجم التصميم سيكون (۸4) أو (۸3) 
كحد أقصى. 

تقاس (10650111100) بوحدة 1م0 وتعني (101 61م 006) أي نقطة 
لكل إنشء أو 1م (ط©12 اعم 1615م) أي 'نقطة شاشة" لكل إنش 
(بوصة)» وكما هو معروف فإن البكسل هو أصغر عنصر في الصورة 
وتقاس درجة وضوح الصورة بعدد البكسلات الموجودة في الأنش المربع. 
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ومثال على ذلك (إذا كانت درجة وضوح الصورة هي 28 نقطة - بكسل - 


8 عموداً من البكسلات أي ما يساوي 784 بكسل وبهذه الطريقة تستطيع 


معرفة درجة الوضوح للصورة). 





لاحظ عزيزي القاريء أنك حين تكبر الصورة فأنها تتحول إلى تقط أو 
بكسلات وذلك لأن الكمبيوتر يتعامل مع أي صورة على أساس أنها نقاط. 


Bitmap °‏ - صورة مكونة من شبكة من النقاط ( 01 15ع21 
6)» وهذا النظام شائع الاستخجام في برامج التصميم عند التعامل مع 
صور تتكون من بيكلات مثل: 21113142 ,011 ,ت)[طل 

©ه 76060017 - صورة تتكون نتيجة معادلات حسابية معينة تحدد 
الموقع» الطولء والاتجاه من خلال الخطوط المرسومةء يتكون هدا النوع 
من مجموعة من الخطوط وليس نقاط كما هو الحال في م81]1027. درجة 
الدقة (م1©501110) في مثل الصور من هذا النوع عالية جداً. 

©5031 - هي تكبير الشكل (عرض وارتفاع). 

ه Rotate‏ - هي تدوير الشكل بزاوية معينة. 

ه 81:90 - هي تحوير طرف من أطراف الشكل: من اليمين 
لليسارء ومن الأعلى للأسفل. 
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» 72002112 - تكبير الشكل باستخدام العدسة (المجهر)» ولا تتأثر 
مساحة الشكل الفعلية عند استخدام هده الأداة» وانما تستخدم فقط لرؤيته 
أقرب إلى العين. 

out ©‏ 700۳ - تصغير الشكل باستخدام العدسة. 

° 0210112 - جمع الأشكال والعناصر في وحدة واحدة. 

»ء «281:0117[] - هي عملية عكسية ل (510110) وتعني تفكيك 
الأشكال التي تم جمعها مسبقا. 

» 13125101112 - هي عدة عمليات للتغيير في مساحة وشكل 
واتجاه الشكل وهي تتكون عادةً من: ( Scale, Rotate, Skew,‏ 
(Perspective, Flip Horizontal, Flip vertical...‏ 

. هي قلب الشكل باتجاه أفقي‎ - ۴1ip Horizontal ٠ 

vertical ٠‏ ipاF‏ - هي قلب الشكل باتجاه عمودي (رأسي). 

101011026 - هي نسخ نسخة ممائلة عن الشكل وادراجها على 
مساحة العمل (المكان المخصص للتصميم). 

©»ه ©01102) - نفس الخاصية السابقة. 

008316 - هي اتجاه الصفحة العمودي. 

ه Landscape‏ - هي اتجاه الصفحة الأفقي. 

1122016 - هي استيراد أي صورة من خارج برنامج معين إلى 
داخل البرنامج» حيث لا يكون بالامكان (فتح) تلك الصورة» فاستيرادها 
يمكننا من تأدية العمل المطلوب عليها أو استخدامها في التصميم. 

105001 - هي تصدير التصميم للمرحلة النهائية (تجهيزه 
للطباعة) وعادة ما تكون أنواع الصور التي يفضل تصديرها أن تصدر 
على هيئة ('111 ,011 ,120[): إلا في بعض الأحيان فإن المصمم 
سيلتزم بنوع البرنامج الموجود في المطبعة وهو على الأغلب ( 4/0056 
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01+ فيجب عليه عندها تصدير التصميم على هيئة (41) وهي 
النوع الخاص بهذا البرنامج. 

»ه ”11313252161167 - المقصود بها درجة الشفافية» وتقاس بالنسبة 
الو 

aye‏ - تعني (طبقة) والمقصود بها أن التصميم في أغلب 
البرامج يتكون من عدة طبقات تكون فوق بعضها البعضء وفائدة هده 
الطبقات هي أحياناً إعطاء تأثيرات معينة يريدها المصمم» أو حذف طبقة 
معينة عند الوقوع بالخطأ في التصميم حيث أنه ليس بالضرورة إعادة 
التصميم كاملا. 

1,2370116 - تعني المخطط الخارجي للتصميم» فالمخطط الخاص 
ببطاقة الأعمال (Business Card)‏ ا يختلف في قياساته عن 
المخطط الخاص بمغلف الرسائل (عم ٥1ء۸۷ .)٤‏ 

Order t0 Front, Bring to Front °»‏ - جمیعها تعني 
إحضار عنصر معين فوق (أمام) عنصر آخر. 

9ه Order t0 Back, Bring to Back‏ - جمیعھا تعني إرسال 

ه 1210© - شبكة من الخطوط الوهمية البيانية التي يستعين بها 
المصمم في عملية توسيط العناصر وترتيبها. 

ه٠‏ 1001165 - هي أشبه بمسطرة قياس تساعد المصمم في حالة أنه 
اختار إظهارها على التحكم في قياس بعض العناصر والأشكال. 

Guidelines »‏ - وهي خطوط وهمية ينتجها المصمم عن طريق 
سحبها من (1511165) لتكوم له بمثابة عون على ترتيب عدد من العناصر 
سر د 

Snap to )Grid, Guideline, object) «‏ - وکلها تعني أن 
خاصية (التمغنط) أصبحت جاهزة» فعندما يحرك المصمم عنصراً ما على 
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(©010ة©) مثلا فإن ذلك العنصر ينجذب بقوة وبشكل كامل نحو ال 
.Gu1de‏ 

Cnet t0 Bitmap »‏ - تعني تحويل التصميم أو الصورة من 
نظام (01]ع76١)‏ إلى نظام ٤٣۵ p(‏ 8). 

»ه 16111219216 - وهو تصميم جاهز في قالب معين يمكن للمصمم 
أن يستعين به لتنفيذ تصميمه الخاص على غرار 161701366 معين. 

» 562016 - وهو يعني (خط) والمقصود به في برامج التصميم 
عادة هو دلك الخط الذي يحيط بشكل معين (الخط الخارجي). 

€۲P *‏ - هي عملية تحديد داخل التصميم للأجزاء التي يرغب 
المصمم بالاستفادة منها وازالة الأشياء التي لا يرغب في بقائها. 

296661132 - تعني نمط معين من العناصر بطريقة زخرفية مكررة 
في وحدة واحدة. 

ه Merge‏ - هي عملية دمج أكثر من طبقة (1.33:61) مع بعضها 
ا 

» 292812012 - هي فقرة النص الكتابي. 

» 150619266 - هو تعبير شاع استعماله عند الحديث عن خطوط 
الطباعة والتايبوغرافي» ويعني ببساطة نوع خط الطباعة المستخدم في أي 

© 0021]9) - هي شبيهة ب (1131150316103) لكن الاختلاف 
أن الأولى هي كمية كثافة اللون وليس شفافيته» وهي أيضاً تقاس بالنسبة 
ا 

A61 ۵‏ - هي درجة (زاوية) دوران شكل ما. 

رهاامOv‏ - مصطلح يكثر استخدامه في برامج التصميم» ويعني 
وجود طبقة أو شكل من الأشكال التي تتمتع بخاصية الظهور فوق طبقة 


أخرى بدرجة شفافية معينة. 
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ه G10‏ - تعني الوهج الذي يستخدمه المصمم حول العناصر 
٠‏ adientاG‏ - وهو التدرج من لون إلى أخر بشكل تسلسلي» أو 


من لون دو كثافة عالية إلى نفس اللون بكثافة أقل» وهو أنواع هي: 


Linear Gradient ¬‏ : التدرج من لون إلى خر بشكل أفقي أو 
عمودي. 

Radian Gradient ¬‏ : التدرج من لون إلى أخر بشكل دائري. 

- 01201624 1ععAn‏ : التدرج من لون إلى أخر بشكل زاوية. 

Diamond Gradient =‏ : التدرج من لون إلى أخر على شكل 


ماسة. 


ه 12297616 - عكس القيم اللونية (الفاتح يتحول إلى الغامق» والغامق 
يتحول إلى الفاتح). 

٣٣ Profiles ٠‏ - هذا المصطلح هو اختصار ل 
(International Color Consortium)‏ وقد أنتج لاو ل مرة عام 1993 
بواسطة ثماني شركات عالمية حبما فيها ©40010- بهدف صنع وترويج 
المقايوين الغالمينة الخاضية بالأنظمة اللونية الخاسوبية وتوحكيدها كسمت 
قوالب محددة. قدمت هذه الشركات صيغة الأداة القياسية الخاصة 


المستعملة في تشخيص جميع أدوات اللون (وع1067712 001012). 


هو ملف يصف الطريقة التي تتخذها أداة معينة في إنتاجها للألوان 
ذلك أنه يصف الفراغ اللوني للأداة. يمكن إنتاج هذه الملفات ( '©106 
65 ثثلاث أنواع من الأدوات: أداة العرض (الشاشة)» أداة الإدخال 
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(سكائر أو ديجيتال كاميرا)» أو أداة الإخراج (طابعة). وهذه القوالب تساعد 
على المحافظة على الألوان عند نقل الصور من جهاز إلى آخر أو من 


ه 21660 - جزء الصورة المطبوعة الذي يمتد إلى ما بعد حافة 
الصفحة؛ والذي يضمن بأن الصورة النهائية تمتد بشكل سليم إلى حافة 
الورقة بعد قص الورقة وتهذيب أطرافها بعد عملية الطباعة. 


برامج التصميم: 


وبعد هذا العرض لأهم المصطلحات المستخدمة في برامج التصميم سنتحدث 
عن أهم برامج التصميم التي أنتجتها الشركات العالمية المختلفة والتي أحدثت ثورة 
حقيقية في عالم التصميم الجرافيكي» حتى أن احتراف هذه البرامج سوف يؤهلك 
لتصبح من أهم المصممين في بلدك أو حتى على مستوى العالم. 


قبل عصر الكمبيوتر كان التصميم الفني مقصوراً على استعمال آلة الطباعة 
التي اخترعها (جوتنبرغ)» وبعد أن جاء الكمبيوتر جعل من التصميم عملية أكثر 
سهولة ودقة من ذي قبل» حتى أن الكمبيوتر أتاح المجال لإنتاج تصاميم عديدة 
في وقت قصير ليواكب حاجات السوق» والتطور التكنولوجي الحاصل في العالمء 
خصوصاً مع انتشار بما يسمى (تصميم مواقع الانترنت)ء حيث أصبح الكمبيوتر 
الأداة الرئيسية في إنتاج كم هائل من الصور والأشكال الخاصة بتصميم صفحات 


الانترنت. 
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هناك عدة برامج تصميم مشهورة على مستوى العالمء والتي سنقوم بشرحها كل 
عجن حدة في الفصول القادمة لنمكعن القاريء من التمييز بين هده البرامج 
واستعمالات كل منها في مجال التصميم الجرافيكي وهي کا 


أولاً: أدو ب dوتgوشوپ‏ )ضظPhotosh0 (Adobe‏ 


هدا البرنامج الرائع من إنتاج شركة أدوبي» ويتميز بقدرته العالية على معالجة 
الصور والتأثيرات المختلفة والتي تسمى عادة (ئم81"4))» والتي تمكن المصمم 
من إنتاج تصاميم متنوعة وذات تأثيرات مختلفة جاهزة للطباعة ومتميزة بالجودة 
العالية والواقعية؛ وعلى سبيل المثال يمكننا وبكل سهولة نزع برج إيفل الموجود 
بباريس ووضعه في عمان وبكل واقعية وبدون أن نلاحظ أن هناك شيئا في غير 
مكانه. 


كما يمكن للفوتوشوب إعادة الشباب لكهل أو عجوز وذلك بإزالة التجاعيد من 
الوجه» كما يمكن للفوتوشوب إعادة ترميم الصور القديمة والمتكسرة وتلوينها وجعلها 
تنبض بالحياة والألوان» لذلك نجد أن الفوتوشوب برنامج يستطيع تغير الحقيقة 


بدون اية صعوبات وبواقعية شديدة جدا. 


بمجرد إدخالك الصورة إلى الفوتوشوب فإنك تبدأ في بناء عمل فني له لمستك 
وشخصيتك» وذلك من خلال إضافة المزيد من الرسوم عليها أو بدمج الصورة مع 
صور أخرى أو من خلال قص أجزاء ووضعها مع أجزاء أخرى» كما أنك تستطيع 
تصحيح الألوان وزيادة السطوع والحدة أو زيادة التعتيم فيها لتحصل في النهاية على 
لوحة فنية تجسد خيالك وابداعك ومهارتك في التصميم لكي تعرضها على الانترنت 
أو لعرضها بإستخدام البرامج الخاصة بعرض الشرائح أو بطباعتها. 
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يعتبر الفوتوشوب أقوى برنامج لمعالجة الصور وذلك بإستخدام الحاسبات التي 
تعتمد على نظامي الويندوز والماكنتوش وبالرغم من المنافسة الجبارة بين برامج 
معالجة الصور إلا أن الفوتوشوب هو في طليعتها وقد إعتلى القمة بينها ولا ينافسه 
في هذا المجال أي برنامج آخرء وهو مثل أي برنامج لمعالجة الصور يقع ضمن 
فئة برامج التلوين حيث أنه يقوم بتحويل الصورة إلى نقط مربعة صغيرة تسمى 
البكسلات (212615) ويسمى الرسم بالكامل أو الصورة صورة نقطية أو خريطة 
.(bit-mapped)‏ 


صندوق أدوات الفوتوشوب: 


صندوق أدوات الفوتوشوب يعرض 22 أداة من أصل 44 ويتم إخفاء 
الأدوات الأخرى داخل القوائم الفرعية لكل أداة. وأي أداة تحتوي على مثلث 
أسود في زاويتها اليمنى من الأسفل فإنها تحتوي على قائمة فرعية لها 
تحتوي على أداة بديلة أو أكثر ويمكنك مشاهدة الأدوات الأخرى إما 
بالضغط المطول على الأداة المطلوبة كما هو مبين في الشكل التالي 
لتظهر لك الأدوات المخفية» أو بالضغط على الأداة المطلوبة و 16/. 





-5 
ه‎ ١ _ Rectangular Marquees | ب اده‎ 





E. 


Tool 1‏ معيو داكا ادعام ]لاع ني 
Single Row Marquee Tonal‏ ددع 


1 : 
i Single Lolumn Marque [onl 





224 


تحديد المستطيل أو المربع حيث تستطيع تحديد جزء من الصورة 
بتحديد على شكل مستطيل أو مربع. 

التحديد البيضاوي حيث يمكنك تحديد أي جزء من الصورة بشكل 
بيضاوي. 

تحديد صف واحدء بهذه الأداة يمكنك تحديد صف أفقى كامل من 
البكسلات والذي يمتد من خلال صورة ما. نادراً ما تحتاج إلى هذه 
الأداة. 

تحديد عمود واحدء نفس وضيفة الأداة السابقة ولكن بشكل عمودي. 
أداة التحديد الحر. استخدم هذه الأداة لتحديد حر حسب رغبتك في 
عمل التحديد المناسب للجزء المرغوب. 

التحديد المضلع الحرء يمكنك من خلال هذه الأداة القيام بعمل 
تحديد مستقيم الجوانب وكل نقرة بالفأرة تعطيك نقطة زاوية في 
التحديد. 

التحديد الحر باستخدام خاصية المغناطيس» هذه الأداة جيدة 
وسريعة التجاوب مع الجزء المراد تحديده حيث تقوم بتحديد المنطقة 
المراد تحديدها بتمرير الفأرة عليه. 
أداة الاقتصاص لتحديد الجزء المرغوب منه وعند الضغط على 
استخدم البخاخة لرش ضربات لون متنائرة لتمتزج بالصورة. تستخدم 
هذه الأداة كثيرا فى إنشاء الظلال والإبرازات. 


الختم» تستخدم هذه الأداة في نسخ جزء من الصورة إلى جزء أخر. 


أداة ختم النقش» وهي لإضافة النقوش إلى الصور عن طريقة 
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الممحاة» وهي تقوم بوظيفة تلوين الصورة باللون الخلفي إذا كانت 
الصورة هي الخلفية أما إذا كانت الصورة عبارة عن شريحة فإنها 
تقوم بمحو الصورة واظهار الخلفية الشفافة. 

ممحاة الخلفية» وهي تعمل على فصل صورة أو جزء منها عن 
الخلفية بدقة متناهية بناءً على الألوان الموجودة في الصورة. 

تعمل بنفس طريقة العصا السحرية للتحديد بدلا من تحديدها 
للبكسلات بحسب لونها إلا أن الممحاة السحرية تقوم بمحو 
البكسلات حسب لونها. 

أداة التشويش» لبعثرة ونشر التباين بين البكسلات المتجاورة والذي 
يؤدي إلى التشويش في التركيز الخاص بالصورة. 

أداة الحدة» وتستخدم لزيادة التباين بين البكسلات وسف تكون 
النتيجة هو الزيادة في التركيز الخاص بالصورة. 

أداة الإصبع؛ تستخدم لعمل تلطيخ بالألوان ومزج بعض الألوان 
يتعظيها البعضن. 

أداة تحديد مكون المسارء حيث يمكنك من خلال هذه الأداة أن تقوم 
بتحريك المسار الذي قمت بعمله باستخدام قلم المسار. 

أداة التحديد المباشر؛ هذه الأداة للتحكم في زوايا وانحناءات 
المسارات التي قمت بعملها باستخدام قلم المسار. 

قلم المسار» خاص بعمل مسارات حادة للتحديد ويعتبر من أفضل 
وأدق الأدوات الخاصة بالتحديد ولكن تحتاج إلى شخص متمكن 
ومتمرس في استخدامها. 

قلم المسار الحر؛ لرسم المسارات بطريقة حرة. 


أداة إدراج نقطة في المسار الذي تم تحديده باستخدام قلم التحديد. 
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أداة حذف نقطة»ء وخاصيتها معاكسة تماما للأداة السابقة» كما أنها 
لا تقوم بقطع المسار حيث يقوم فوتوشوب تلقائيا برسم مقطع جديد 
بين النقاط الباقية. 

أداة تحويل النقطء تأتي النقط الموجودة في مسار في مجموعات 
مختلفة بمعنى أن بعضها يشير إلى منحنيات والبعض الأخر يشير 
إلى الزواياء وهذه الأداة تسمح بتغير نوع النقط إلى النوع الأخر أي 
من منحنى إلى زاوية وبالعكس أيضا. 


الملاحظات» تضع هنا ملاحظاتك الخاصة أو تعليقاتك على 
التأثيرات المستخدمة أو حول الأدوات المستخدمة وذلك للرجوع إليها 


في وقت آخر. 

من أغرب أدوات فوتوشوب حيث يمكنك إدراج ملاحظاتك وتعليقات 
عن ما قمت به وذلك بصوتك. 

أداة اليد اسحب الصورة باليد لتمرير الإطار لكي ترى جزء مختلف 
من الصورة. 

الألوان الافتراضية؛ بالضغط عليها يتم تغير لون المقدمة تلقائياً إلى 
الأسود ولون الخلفية إلى اللون الأبيض. 

الوضع الأصلي للتحديدء نضغط عليها لإخراج نمط القناع السريع 
لفوتوشوب وعرض حد التحديد كخطوة منقطة متحركة. 

الإطار القياسي» لعرض صورة المقدمة في الإطار الأساسي. 
الانتقال بالصورة إلى برنامج الايمج ردي ((11620 111286). 
السهم؛ لتحرك طبقة من الطبقات الموجودة في الصورة» أو جزء تم 
تحديده بواسطة أحدى أدوات التحديد. 


العصا السحريةء وتستخدم لتحديد منطقة متشابهة الأوان وهي أداة 
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أداة التقطيع» تتيح لك قطع الصورة لعرضها على الانترنت حيث أن 
البرنامج يقوم بتقطيعها وتقسيمها إلى أقسام وشرائح منفصلة ومن ثم 
يولد أوامر (11601) الضرورية لتحميل هذه الشرائح على الانترنت 
وبهذا يتم تحميل الشرائح أسرع من تحميل صورة واحدة كبيرة. 

إذا قمت بتقسيم الصورة بالأداة السابقة فإن هذه الأداة تقوم بتحديد 
الجزء المرغوب من الأجزاء المقسمة وذلك للتحكم فيه. 

فرشاة الرسم» أداة معروفة للجميع وقليلة الاستخدام في الفوتوشوب. 
القلم» يستخدم لرسم الخطوط الرفيعة والدقيقة» قليلا ما يتم 


استخدامه. 


فرشاة المحفوظات» للرسم فوق الصور لإعادتها إلى حاله سابقة لها. 


فرشاة المحفوظات الفنية» تسمح لك بإنشاء تأثيرات فنية من الحالات 
الفنية السابقة. 
أداة التعبئةء تستخدم لتعبئة اللون الأمامي الموجود في لوح 


الأدوات. 


أداة التدرج اللوني وتستخدم لعمل تدرج لوني بين اللونين الأمامي 
والخلفي في الجزء المراد تعبثته بتدرج لوني. 

أداة إنقاص الكثافةء استخدمها لتخفيف وتفتيح ألوان البكسلات 
الموجودة في الصورة. 

أداة زيادة الكثافة وهي عكس السابقة تماما وتقوم بتعتيم ألوان 
اليبعسلات. 

أداة الامتصاصء تقوم بتقليل قدرة التشبع في الصور وتكون النتيجة 
صوره أكثر بهتانا. 
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أداة النص ويستخدم لكتابة النصوص المطلوبة. 
المستطيل» تستطيع رسم مستطيل بهذه الأداة. 
رسم مستطيل ذا حواف مسدديرة. 


لرسم الأشكال المخصصة. 


القطارة» باستخدامها والضغط عليها في أي جزء من الصورة فإن 
الفوتوشوب يقوم بأخذ التدرج اللوني الموجود أسفل القطارة بالضبط 
ويجعله لون المقدمة. 

أداة عينة الألوان» تستخدم لتحديد أربعة نقاط مختلفة من الصورة 
لمساعدتك في تحليل ألوان الصورة. 

أداة القياس» للقياس بين نقطتين في الصور. 

أداة العدسة أو المكبرء وهي لتكبير الصورة حتى تستطيع رؤية 
البكسلات الفردية بشكل واضح 

تبديل الألوان» لتبديل لون المقدمة مع اللون الخلفي. 

القناع السريعء؛ والذي يسمح لك بتحرير حدود التحديد باستخدام 
أدوات الرسم كما سوف تظهر لك طبقة حمراء شبه شفافة وتغطي 
الأجزاء الغير محدد. 

ملء الشاشة مع القائمة» إذا كنت لا تستطيع رؤية الصورة التي 
بالإطار القياسي فالبضغط على هذه الأداة ستختفي الصور الأخرى 
وستضل الصورة النشطة في الواجهة مع خلفية رمادية تملا أي 
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فلغ الشاشة ثماماء. إذا كنت لا تزال: لا ترى الصورة بدرجة مرضيية 


لك» فيمكنك باستخدام هذه الأداة التخلص من المساحة الرمادية 


الخاصة بالطبقات والقنوات. 





قوائم الفوتوشوب: 


أولاً: قائمة ملف (1"16): 


يتيح لك هذا الأمر فتح ملف جديد ووضع أبعادهء New‏ 
ودرجة الوضوح ونوع القنوات اللونية المطلوبة. 

وهو الأمر الخاص بفتح الملفات الرسومية الموجودة Open‏ 
على الحاسوب أو القرص المدمج أو القرص المرن. 

لفتح الملفات والصور الموجودة على الحاسوب Browse‏ 
بطريقة استعراض الصور. 

لتحديد التنسيق الذي ترغب بفتح الملف الرسومي Open As‏ 
الذي ترغب به. 


لفق اح لفاك هه Open Recent RTC‏ 
الفوتوشوب. 


لإغلاق الصورة ويقوم الفوتوشوب بالسؤال عن حفظ لكك 
آخر التغيرات أم لا وذلك في حالة عدم استخدام 
الأمر حفظ. 


يقوم هذا الأمر بحفظ الصورة كما أنه يقوم بحفظ 
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س ارط اللد شك ا 0 


يسمح هذا الأمر بحفظ صورة باسم ملف جديد على Save As‏ 
التنسيق الخاص بالفوتوشوب. 


يقوم بحفظ نسخة من العمل الذي تقوم به وذلك Save for Web‏ 
باستخدام ألوان الويب الآمنة. 

يستخدم هذا الأمر فيما إذا قمت بتغييرات على الملف Revert‏ 
ولم تحفظها وترغب بالعودة إلى أحدث نسخة 

يقوم باستيراد نسخة من الملفات ذات التنسيق ( ,۸1 Place‏ 
)PDP, PDF, ES‏ ویقوم بوضعھا في طبقة 


يسمح هذا الأمر بإدراج صورة من الماسح الضوئي Import‏ 
أو الكاميرا الرقمية أو من بطاقات التقاط الفيديو 


تماما مثل أوامر الاستيراد يقوم هذا الأمر بتصدير Export‏ 
الملفات إلى تنسيقات مختلفة باستخدام برمجيات. 


يسمح هذا الاختيار بإنزال الصور المدرجة على Manage Workflow‏ 


الويب مباشرة من الملقم الرئيسي شرط معرفة الامتداد 
الخاص بكل صورة» ويمكن إجراء التعديلات على 
الصورة الموجودة على الويب لك شخصيا حيث انه 
يتم طلب اسم المستخدم والرمز السري» ومن ثم 
يمكنك إعادة الصورة إلى مكانها في الويب بعد 
الانتهاء من إجراء اللازم. 


هذا الأمر رائع جدا حيث انه يقوم بعمليات جميلة Automate‏ 
حيث انه يساعد المصمم كثيرا ومثال على ذلك انه 
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تقوم بوضع البيانات الخاصة بالعمل الذي قمت به. File Info‏ 
كما أن المعلومات التي يتم إضافتها للصورة لا تكون 

مرئية ويمكن عرضها بالفوتوشوب أو بأحد البرامج 

الاس 


يستخدم لتحديد القياسات الخاصة بالصفحة التي Page Setup‏ 
سوف يتم الطباعة عليها وهي سهلة جدا وتتشابه مع 

النافذة الخاصة بخيارات الصفحة الموجودة في الورد 

.(Winword) 


هدا الأمر سينفد عملية عرض التصميم قبل طباعته. | Print with PrevieW‏ 
أمرالطياعة_ ]| 0 Pint‏ 


سيقوم هدا الأمر بطباعة نسخة واحدة من التصميم Print one copy‏ 
بدون رؤيته قبل عملية الطباعة. 


باستخدام هذا الأمر فإنه بإمكانك الانتقال بالصورة Jump to‏ 


بإمكانك تغير عدة صور مختلفة إلى نظام لوني 
واحد أو أنه يقوم بإنشاء صورة تحتوي على صور 
مصغرة موجودة في مجلد ما أو أنه يقوم بعمل 
معرض لموقع الويب الخاص بك وبأعمالك الفنية 
ويقوم بإنشاء ملف الإتش تي إم إل (21م1]) اللازم 
لعرض هذا المعرض في الموقع الخاص بك. 


مباشرة إلى برنامج إيمج ردي (203ع1 ع11028). 


مقت دا ایر اغا راان اا و 





ثانياً: قائمة تحرير :)٤d1٤(‏ 
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من الأوامر المهمة حيث أنه بإمكانك التراجع عن خطوة Undo‏ 
ما إذا شعرت بأنك أخطأت فيهاء ولكن الفوتوشوب على 

خلاف غيره من البرامج فإنه يقوم بعملية تراجع واحدة 

فقط. 


يقوم هذا الأمر بالتقدم خطوة إلى الأمام. Step Forward‏ 


له نفس عمل أمر التراجع ولكن بإمكانه التراجع عدة Step Backward‏ 
خطوات . 


هذا الأمر لهذا ضير هن[ هد حورت اذه بإمكان صبغ Fade‏ 
منطقة من الصورة ومن ثم التوجه إلى هذا الأمر حيث 

يمكنك التقليل من كمية أو كثافة اللون حتي تستطيع رؤية 

الجزء الأصلي من الصورة. 


يقوم هذا الأمر بقص وازالة الجزء المحدد من الصورة Cut‏ 
ويقوم بحفظ هذا الجزء في الذاكرة. 


يقوم بنفس وظيفة الأمر السابق ولكنه يقوم فقط بنسخ Copy‏ 
الجزء المحدد. 


إذا كانت لديك صورة وبها عدة طبقات فبهذا الأمر يمكنك copy Merğed ٠‏ 
أخذ صورة مدمجة لجميع الطبقات وذلك من خلال التحديد د 
على منطقة من الصورة. 

يلصق هذا الأمر ما تم حفظه في الذاكرة في موقع جديد Past‏ 
من الصورة نفسها أو ضمن طبقة جديد في صورة أخرى. اڇ 


يقوم هذا الأمر بلصق ما في الذاكرة من صورة مع إضافة Past Info‏ 
قناع (081351) لهذا الجزء. 


يقوم هذا الأمر بالتأكد من قواعد اللغة. Check Spelling‏ 


Find and 
Replace Text 


اا 
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يقوم بحذف الجزء المحدد من الطبقة النشطة. Clear‏ 


يقوم هذا الأمر بملء المنطقة المحددة باللون الأمامي أو Fill‏ 
الخلفي أو بالنقوش (2366705) المتوفرة لديك كما يمكنك 

التحكم بنسبة الكثافة الخاصة بعملية التعبئة. 

يقوم بعمل تحديد للمنطقة المحددة» وبإمكانك التحكم Stroke‏ 
بسمك الحد واللون. 


يمكنك التحكم بعرض وارتفاع والزاوية والإمالة وغيرها من | 1180510117 166"] 
الأوامر المفيدة للتحكم بالصورة ووضعيتها. 
نفس الأمر السابق ولكن يمكنك التحكم باختيار كل أمر Transform‏ 


عد ك له من من الصو ا ا تی Define Brush‏ 
هذا الجزء إلى فرشاة وذلك باستخدام هذا الأمر. 


هذا الأمر خاص لتكوين جزء للتعبئة وهو مرتبط بالأمر أ 18316611 1061116 


.(Fill) 
Define Custom TT ۶ 
hie لعمل أشكل جاهزة للنقوش.‎ 


يظهر هذا الأمر قائمة جزئية تحتوي على أربع خيارات Furge‏ 
وهي تراجع» النموذج » المحفوظات » الكل عند التعامل 

مع الصور فإنه يتم استغلال الذاكرة في حفظ أوامر 

التراجع والخطوات التي قمت بها لذلك يقوم هذا الأمر 

نفنشيا .من الذاكرة: 


يحتوي هذا الأمر على خيارات لإعداد جهاز العرض أو ٠‏ 10855]]ء5 0101) 
إعداد أحبار الطابعة وهذا الأمر استخدامه محدود من قبل 


للتحكم في حجم ومسميات الألوان والفرش والتدرجات | 11323861 أعدع]"1 
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اللونية والأشكال الجاهزة كما يمكنك إضافة المزيد منها 
عن طريق هذا الأمر. 





مراجع الأوامر الخاصة بالبرنامج حيث يتم معايرتها حسب Preferences‏ 


ثالثاً: قائمة صورة (ع17128): 


هنا تستطيع تغير نظام الألوان الخاص بالصورة التي تعمل 
عليها والتحكم بها حسب طبيعة العمل المطلوبة. 

يضم هذا الأمر قائمة بأوامر فرعية بإمكانك من خلالها أن 
تقوم بعمل التصحيحات اللونية والتي سوف تفيدك في حالة 
وجود عيب لوني في الصورة الأصلية. 


يقوم هذا الأمر بعمل نسخة إضافية للعمل الذي تقوم به Duplicate‏ 
ويمكنك أن تجعل من النسخة ذات طبقات أو أنه بإمكانك عمل 
نسخة لجميع الطبقات وذلك بعد دمجها معا. 


يستخدم لتطبيق قنوات لونية احادية أو مركبة على الطبقة | 151886 '(آمم لم 
مل الأمر السابق لكنه يفت لك مريع خوان الحسابات والذئ Calculation‏ 
ج e‏ 


ما افر ا کا کا خت انه م اة ا اا Image Size‏ 
في حجم الصورة ومدى وضوحها وكمية البكسلات فيها. 


يستخدم هذا الأمر لتغير قياسات الطول والعرض دون المساس | C2۸۷28 517e‏ 
بالصورة نفسهاء وتكون الزيادة الجديدة بنفس لون اللون الخلفي 
الموجود في شريط الأدوات. 
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يستخدم هذا الأمر لتغير زاوية الصورة بالكامل أو عكس Rotate‏ 
ا Canvas‏ 

الصورة إما أفقيا او طوليا. 

خاص بعملية الاقتصاص حيث يقوم البرنامج بإقتصاص الجزء Crop‏ 

الخارجي من التحديد دون المساس بدرجة الوضوح. 


يقوم البرنامج بقص الهوامش بعد قراءة الألوان الخالصة كاللون Irım‏ 
اليك كه او الاخ ا دولك يعد ا اكد | دمن 

بقراءة الجهة المطلوبة إما اليمين أو اليسار أو الأعلى أو 

الأسفل. 

في حال إدراجك صورة بداخل تصميم أخر وكان قياس ا۸ ۷ea1ءR‏ 
التصميم أصغر من قياس الصورة المدرجة ورغبت في أن يتم 

تغير قياس التصميم إلى قياس الصورة المدرجة فما عليك سوى 

الضغط على هذا الأمر وستجد أن قياس التصميم تغير إلى 

قياس الصورة المدرجة. 


يقيم هذا الأمر الدرجات اللونية للصورة وباستخدام هذا الأمر لا | 11150051211 
يمكن إجراء تغييرات على الصورة. e‏ 
واا ر عل الور اا ت ف ا ع و 
يقوم بفتح شاشة جديدة لقمل تحديد بالقلم على الجزء الذي Extract‏ 
لعل تاق انك ق ا ا ی ا 
والتقعير وغيرها. 


رابعاً: قائمة طبقة (1,271): 
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Duplicate 
Layer 
Layer هذا الأمر سيفتح نافذة خاصة بخصائص الطبقة تحتوي‎ 
Properties . و‎ 
على إسم الطبقة ولون الطبقة» وفي الحالتين يمكنك من‎ 


تعيير هذه الخصائص . 


وهي الأوامر الخاصة بتأثيرات الطبقة ( ع0ذلم»81 Layer Style‏ 
a. .(Options‏ 
يقوم هذا الأمر بإنشاء طبقة جديدة بتأثير التعبئة تحتوي New F۹11 [aye ١‏ 


يقوم هذا الأمر بإنشاء طبقة جديدة بتأثير أحد التأثيراء” New‏ 
Adjustment e ٤‏ 
اللونية الموجودة في قائمة (]40(1156151611) وتحتوي على le‏ 


القنا ع. 
Change Layer‏ 


هذا الأمر يقوم بتغيير محتويات الطبقة وتحويل نظام 
Content‏ 


التأثير أو التعبئة الذي تم بواسطة الأمرين السابقين. 

عند استخدام هذا الأمر فإنه سيظهر مربع حوار خاص C01۴1 ١‏ 0 
٤ ٤‏ 10115 

بخصائص التأثير أو التعبئة في الطبقة. 


هذا الأمر خاص بالطبقات التي تحتوي على نص كتابي: 


يقوم هذا الأمر بتجريد الطبقات بما فيها الطبقات التي Rasterize‏ 
تحتوي على النصوص الكتابيةء وهذا الأمر مهم في حالة 
نقل التصميم بجميع طبقاته إلى جهاز آخر. 


New Layer a 4 7‏ 
٠‏ | | انشا 7 الطديقة. ۶ 
يقوم هذا الآمر بإنشاء شريحة (ءعء511) على الطب Based Slice‏ 


Add Layer 
Mask 
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Enable/Dıisable 
أو ايطال القناءع.‎ 3 

Add Vector 0 ا‎ 

إنشاء طبقة خاصة بالرسم من نوج (1/901055) 

Enable Vector 

Mask 

Group with 


قوم هذا الأمر بتوحيد الطبقة مع الطبقة السابقة. 
Previous E E‏ 


إطال علي تيد 


يقوم هذا الأمر بترتيب الطبقات خلف أو أمام. 
يقوم هذا الأمر بتوسيط الطبقات التي ترتبط مع Align Linked il.‏ 
أخرى بواسطة (kہ1ا).‏ 


يعمل هذا الأمر على ترتيب أكثر من طبقات موصولة Distribute‏ 
Linked eT‏ 

.(Link) بواسطة‎ 

يعمل هذا الأمر على إقفال الطبقات؛ حيث لا يمكن 1 100181 

Layers 1n Set 

اتل عل هذه اللات نما بعد 

يقوم هذا الأمر بدمج جميع الطبقات في طبقة واحدة. Merge Layers‏ 

نفس خاصية الأمر السابق. Merge Visible‏ 

يقوم هذا الأمر بدمج الطبقات في طبقة واحدة جاهزة | ۴1at)en 1٥48e‏ 

للحفظ حيث انه يقوم بإقفال الطبقة الجديدة التي يكون 

.(Background) lau 


li | 





خامساً: قائمة غ04ع1ع9: 


يستعمل هذا الأمر لتحديد جميع الأشكال ف التصميم. 
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EE 
عد ديد جميع انكل‎ 
ee a 


يقوم هذا الأمر بتحديد النطاقات اللونية المختلفة» فبإمكانك ٠‏ 
ع anse‏ 
(55830035).» أو انك تقوم بتحديد نطاقات الألوان بواسطة 


القطارة. 


يقوم هذا الأمر بإضفاء نوع من التلاشي على الجزء المحدد ۲ء۴41 
من الصورة في حالة تم قص ذلك التحديد أو مسحه بواسطة 
(ع]1216): وهذا الأمر مفيد جداً في عملية دمج الصور مع 
ها ليطن 


يحتوي هذا الأمر على عدة أموامر فرعية خاصة بتعديلات 0100119 
التحديد مثل (عمل إطار للتحديد» صقل التحديد توسيع التحديد. 
وتصغير مساحة التحديد. 


عند تحديد منطقة معينة فى الصورة فإن هذا الأمر سيقوم GIrOW‏ 


يتيح لك هذا الأمر إمكانية اختيار شكل معين ذو مواصفات ٠‏ 511111135 
معينة من ناحية الحجم أو اللون أو حجم الخط الخارجي وعند 
تنفيذه يقوم بتحديد جميع الأشكال التي تحمل نفس مواصفات 
الشكل الأصلي. 

للتحكم في أبعاد تحديد ماء والجدير بالذكر هنا أنه لا يجب | 1180510112 


Selection e 
استخدام (153125101102) العادية لآن ذلك الأمر سيقص من‎ 


Load 
اأتحدىد الذي ثم حفظه.‎ 
لتحميل لتحديد الذي تم حفظه‎ 
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وبهذا أكون قد شرحت القوائم (1ع5616 ,12361 ,110386 ,1011 ,1116) ويتبقى 
:(Filter, View, Window, Help)‏ 


۳۲ تحتوي هده القائمة على الكثير من الفلاتر لعمل التأثيرات المختلفة 
على التصميمء ويتميز كل فلتر بأنك يمكنك مشاهدة التأثير على التصميم قبل 
تنفیذہ ودلك بفضل خاصیة (wWع۷1عإ۴).‏ 


| Filter برعا‎ Windom Help 
٠ Last Filter HE 5 إن جد ظ‎ 


1غ لے 





Extract, AlE+LErIH 
Liquify... ]م + ا ارات‎ + 
Pattern Maker,,, AlHSRFEHLErIH 


Artistic 

Blur 

Brush Strokes 
DistorE 


كك 


ا ددم 





Pixelate 


Despeckje 
Dust & ScratchEes,.., 
Median... 


Render 
Sharpen 
Sketch 
عد امات‎ 
Texture 
idan 
wither 


انز ay‏ قبط FF‏ | 1# قنخ o o o‏ ذخ قط شط شا 


و 


Digimarc 
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ملاحظة: بعض الفلائر لا تعمل على نظام (34/16©) لذا يجب تحويل 
التصميم إلى نظام (1808) من قائمة (Image)‏ ثم RGB ) oi (Mode)‏ 
211) وبعد الانتهاء من التصميم نحوله مجدداً إلى نظام (0217/16©) في حالة 
اساك ا عة 


۷W‏ وهي القائمة الخاصة بعرض بعض نوافذ الفوتوشوب أو لإظهار 
(Rules, Grid, Slices)‏ ... 


17 : وهي القائمة الخاصة بجميع نوافذ الفوتوشوب الفرعية متل 
(Tools, Options, Navigator, Info, Color....)‏ 


م11©1: وفي هده القائمة تستطيع الاستفسار عن أي مساعدة بخصوص 
الفوتوشوبء, كما أنها تحتوي أيضاً على بعض الخدمات مثل (System Info)‏ 
ا ك من د جد ا امات اي الفا تحار الور 
خا آل كر آي د ها الف ريه كا تر الات ا 
....(Temporarily Files)‏ 


تشغيل برنامج الفوتوشوب: 


لتشغيل برنامج الفوتوشوب بعد تثبيته على جهاز الكمبيوتر اضغط على قائمة 
ابدأ (5]81) في نافذة ويندوز ومن قائمة البرامج ستجد مجموعة (40056) اختر 
منها زر تشغيل برنامج الفوتوشوب. 


Start 2 Programs 2 Adobe 2 PhotoShop 
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عندها سيقوم الكمبيوتر بتحميل البرنامج» ويستغرق تحميل البرنامج وقتاً أكبر 
من البرامج الأخرى وذلك لقيامه بتحميل المؤثرات والخطوط والقوائم والعديد من 
المكتبات التي تحتاجها في الرسم. عند انتهاء الكمبيوتر من تشغيل البرنامج تظهر 
لك شاشة سطح المكتب والتي تحتوي في الأعلى على شريط قوائم الأوامر وعلى 
اليسار شريط الأدوات وعلى اليمين لوحات متعددة الوظائف. 


فتح ملف جديد: 


لفتح ملف جديد لبدأ الرسم فيه يتم من خلال الضغط بزر الماوس على قائمة 


Mame: 
|rğqp Gigp; [j الات‎ ! 
width: 3 [pikes <| 
Height: B2 [pikes >| 
ReSsOlUtION: E 0. | pixels#inch <| 
00 عمدردح|‎ 5 





1115 ]لا_ا 
f White‏ 
f” Background Color‏ 


f” Transparent 
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اكتب اسم الملف لتتمكن من حفظه فيما بعد ويمكنك ترك هذا الخيار لحين 
حفظ الملف» ثم حدد أبعاد الصفحة التي تريد بوحدة البيكسل أو اختر الوحدة 
المناسبة من القائمة المنسدلة لكل من الطول والعرض. 


حدد درجة وضوح الصفحة بعدد البيكسل لكل إنشء مع العلم بأنه كلما زاد العدد 
كلما زاد حجم الملف ويستحسن اختيار درجة وضوح 1©15/10201م 72 ولا تزيد 
عن آ10/و1ء:1م 150» سيتم شرح هذا الأمر بالتفصيل لاحقآء وحدد نمط الألوان 
الذي تريدهءوأخيراً اضغط على الزر >0[1. 


فتح واغلاق الصور: 


لفتح صورة قم بالضغط على قائمة 1516 واختر الأمر 062 حيث سيقوم 
البرنامج بعرض مربع حوار 0061() لتحديد مسار الصورة واسم الملف كما تفعل مع 
البرامج الأخرى. يمكنك استخدام خيارات الويندوز في التحكم بعرض ملفات الصور 
إما باسماؤها أو من خلال الرموز أو من خلال العينة. اضغط على الصورة المراد 
فتحها في برنامج الفوتوشوب لتحددها وليدرج اسمها في خانة ©2220 1116: 
(يمكنك تحديد أكثر من صورة في نفس الوقت بالضغط على مفتاح 511146 على 
لوحة المفاتيح وتحديد الملفات بزر الماوسء أو بالضغط بزر الماوس والسحب 
اتد مخ من الملناك) ات کے ندح ن 


الصور في برنامج الفوتوشوب: 


يستطيع برنامج فوتوشوب من إنشاء صور جديدة أو استيرادها من برامج أخرى 
أو الحصول عليها من خلال المساحات الضوئية 50311615 وحتى نتمكن من 
الحصول على النتيجة المطلوبة يجب أن نتعامل مع الصور الرقمية وطرق 
الحصول عليها بجودة عالية كالتي نحصل عليها بالتصوير الفوتوغرافي. 
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الصور نوعان كما ذكرنا سابقاً: نوع نقطي 1101112 وأخر شعاعي 1١760101‏ 
ويمكن العمل على هذين النوعين من الصور في برنامج الفوتوشوب في نفس 
الوقت. إن الصور النقطية م81]5303 التي تخزن على جهاز الكمبيوتر تتكون من 
مربعات صغيرة تسمى بيكسل 281261 وهي اختصار لكلمة عنصر الصورة 
element‏ ctureاP.‏ والبيكسل هو العنصر الأساسي للصور الرقمية المحفوظة 
طلى كياد الكديوةن سواء نتصات كانه من تلان انظوانة الصو رمن خان 
الماسح الضوئي أو من خلال الكاميرا الرقمية» وتحرير الصورة من خلال برنامج 
الفوتوشوب هو تعديل في هذه البيكسلات من خلال تغيير عددها أو لونها. كل 
بكسل له لون واحد فقط وعندما تتجمع هذه البيكسلات تكون الصورة. 


كما تجدر الإشارة هنا إلى أن شاشة الكمبيوتر مكونة من بيكسلات مرتبة على 
ابكل السك رش ررب وينكتك التذكر في ين العركن :من كاذك لعذرل قيية 
البيكسلات الخاصة بالشاشة من خلال خصائص العرض في برنامج ويندوز حيث 
يمكنك زيادة البيكسلات من 640 بيكسل عرضا و480 بيكسل طولاً إلى 800 
0 أو 1024 × 768 للعرض والطول على التوالى. 


1 


إذا قمت بفتح صورة من الصور فيمكنك فهم العلاقة بين بيكسلات الصورة 
وبيكسلات الشاشة» فعندما يكون مقياس التكبير للصورة 100 فهذا يعني إن كل 
بكسل من الصورة يعادل بكسل من بيكسلات الشاشة؛ أما عندما يكون مقياس 
الصورة %200 فهذا يعني أن كل بكسل من بيكسلات الصورة يعادل بيكسلين من 
الشاشة للطول والعرض وهذا يعني أن أربعة بيكسلات على الشاشة استخدمت 
لعرض بيكسل واحد من الصورة» وكذلك هو الحال عندما يكون التكبير 400م 
فإنه يعني أن كل بيكسل في الصورة يعادل أربعة بيكسلات على الشاشة للطول 
والعرض وهذا يعني أن البيكسل من الصورة يعرض على الشاشة من خلال 16 
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خصائص الصورة (©11221285): 


لكل صورة خصائص تحدد من خلال حجم الملف ودرجة الوضوح وأبعاد 
الصورة وهذه الخصائص يمكن استعراضها من خلال الأمر (5126 12286). 


FE‏ ا“اطمت :5اانا| 5اا18] ]انا إدبرام 


اعد 
آ هآ 
pixels | 18 i_ancel|‏ ٍ 
Height: re8 pixels | ْ‏ 


aT‏ دس سر ررلس مس 
inches‏ | ن width: E‏ 





7255555 
2 
i 
٣ 


UO... 





Height: fin Gûr | inches | 
Resolution: E | pixels #inch آ->‎ 


f Lonstrain Proportions 


f Resarmple Image: BicJbic | 





حجم nÛlذأف :(Pixel Dimensions)‏ 
يعد حجم ملف الصورة مقياساً لعدد البيكسلات التي تشتمل عليها الصورةء ففي 
الشكل أعلاه مربح حوار (5126 12386) الصورة من الصور وتتكون من 1536 
تيكسشل ركن و 1024 تنكل اطول وها ادل جح 1572864 هسة 
البيكسئلات: حيبت تتكدون أغلب الور من.مكات الاآلاف أو الملايين مسن 

البيكسلات. 
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درجة الوضوح (5011)1012ع18): 


تحدد درجة الوضوح للصورة من خلال عدد البيكسلات التي سيتم طباعتها في 
الإنش ففي مربع حوار (5126 1203286) نجد أن درجة الوضوح 72 بيكسل لكل 


5 


أبعاد الصورة (ع512 120©1112121): 


أبعاد الصورة هي عرض وارتفاع الصورة عند طباعتهاء ويتم احتساب قيمة 
العرض أو الطول بقسمة عدد البيكسلات على درجة الوضوح لكل من العرض 
والطول. ويمكن تحديد أبعاد الصورة بوحدة الإنش أو السنتمتر أو أية وحدة تختارها 
من القائمة المنسدلة. 


يعد أمر (5126 1720286) من أهم الأوامر التي تحدد جودة الصورة وتعديل 
الأرقام في مربح حوار حجم الصورة يجب أن يكون عن دراسة تامة بما تفعله لأنه 
من الممكن إفساد الصورة إذا لم تنتبه لما تفعله. فإذا كنت ترغب في زيادة درجة 
وضوح الصورة فيمكنك من خلال زيادة عدد البيكسلات في الإنش وهذا يتم من 
خلال تقليل الأبعاد المادية للصورة أو أن زيادة حجم الملف من خلال زيادة عدد 
البيكسلات في الصورة في المربعين أعلى مربح حوار حجم الصورة ( 2161 


1 (Dimensions 


إن تقليل عدد البيكسلات في (10113612510125 1ع812) يسبب حذف للبيكسلات 
من الصورة من خلال دمج البيكسلات المتجاورة بينما يتناسب مع حجم التقليل 
وبهدا فد تفقد بعص التفاصيل ف الصورة. فى الصور الثلاثة التالية تعرض حجم 


صورة واحد ولكن تم تقليل عدد البيكسلات للطول والعرض حيث يتضح كيف أن 
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الصورة الثالثة اقل جودة من الصورة الأولى لنقصان عدد البيكسلات فى الإنش 
ولاحظ خشونة تفاأصيل الصورة بسبب نقصان علد البيكسلات. 


كما أن زيادة عدد البيكسلات يكسب الصورة نعومة إلا إنه يسبب في زيادة حجم 
کا ا د ا و وک كنت مها درفي قن قر 
الضدوزة على الاترنت فان ذلك نمست مشكلة فى تحميليا م ا لإتتردت:. 


من السابق لاحظنا أن العناصر الثلاثة الخاصة بالصورة: الحجم ودرجة 
الوضوح وأبعاد الصورة كلها تتأثر يعضها على بعض» فتغيير أحد هذه العناصر 
يؤدي إلى تغير قيم العنصرين الآخرين ولهذا ستجد أن الأمر محيراً بعض الشيء 
ولكن مع الممارسة والمحاولة ستحصل على النتيجة الأفضل حسب ما تريد. 


لتجنب تغيير حجم الملف قم بإلغاء تحديد خilة‏ اختlaر (Resample Image)‏ 
في أسفل مربع حوار (5126 1703286) فيصبح خيار عدد بيكسلات الطول والعرض 
في خانة (1(1506251005 212©1) غير متاحة وهذا سيؤدي إلى أن أي تعديل في 
أي قيمة من القيم الباقية سيؤثر على القيمة الأخرى ولكن دون تعديل على قيمة 
أبعاد الصورة. 

لتعديل أبعاد الطول بطريقة مستقلة عن أبعاد العرض قم بإلغاء تحديد خانة 
)0nstrain Proportions)‏ حيث أن هذا الأمر يقوم بربط أبعاد الطول والعرض 
ويظهر على شكل سلسلة للخانات المرتبطة إذا كان خيار ( 0005]5312) 
5095 محدداً. قم بحفظ نسخة احتياطية من الصورة باستخدام الأمر 
(وكى 5376) قبل البدء في استخدام أمر (ع512 128286]). 


هناك ثلاث أنماط لإعادة ضبط حجم الصورة وهي التي يقوم من خلالها برنامج 
الفوتوشوب إعادة تشكيل الصورة بناءاً على الخيارات الجديدة وهذه الأنماط هي 
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بمثابة معادلات رياضية يستخدمها الكمبيوتر ليطبقها کے عناصر الصورة 
(1<©15) وتكون النتيجة حسب هذه الأنماط والتي هي: 
Nearest Ne1ghbor‏ 


Bilinear 
112111 - 


Lonstrain Proportions‏ ب] 


I Resarmple IrmmagEe: | BICUDIC | 


اداناحاواعا"| احص رددل] 
Bilinear‏ 





نازع : 


ويعد الخيار الأخير الأفضل لأنه يعطي نتائج أكثر دقة ونعومة أفضل للحواف 
وتدرج متناغم لتغير الألوان خلال الصورة. 


إذا أردت من برنامج الفوتوشوب من القيام بضبط حجم الصورة بطريقة 


أتوماتيكية فإنه يوفر لك أمر 10212856 1065126 ضمن قائمة ماع11 


Resize Image Wizard 7 ئ‎ 


This wizard Will help YOU TO |) راكنا 3102| "لاطب ععاعص‎ thE 
appropriate resolution. 





what will this image be Used fOr ? 


fr Print 
f” Gnline 





| 311 ع 1 | الات | 
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حيث سيقوم الأمر بتشغيل معالج يطرح عليك أسئلة من خلال مربعات حوار 
متتابعة تبدأ بتحديد ما إذا كنت تريد الصورة للطباعة أو لتحميلها على الإنترنت ثم 
يقوم بطرح أسئلة تتعلق بأبعاد الصورة التي تريد ودرجة جودتها ومن ثم يقوم 
المعالج بإنشاء ملف جديد فيه الصورة بالمواصفات الجديدة التي حددتها من خلال 
المعالج دون التدخل في الصورة الأصلية. 


حجم إطار الصورة (512 02122585)): 


فد تحتاج إلى زيادة حجم إطار الصورة دون تغيير حجم الصورة نفسهاء وهذا 
من خلال الأمر (2032725) الذي يأتي ضمن قائمة (1721286). 


x 
~ Current Size: 2 25| = 


width: AZ ZZ INCHES Canre| 


Height: 1U. f INCHES 





طاطخ ق تصعزك Mey‏ 2م 








width: HEEE [inches | 
Height: [i0.66? inches | 


1-11 ]بكم 





سيظهر لك مربع حوار الأمر (5126 032585) كما في الشكل أعلاه. يوضح 
الجزء العلوي من مربع الحوار الحجم الأصلي للصورة وفي الجزء الثاني يمكنك أن 
إدخال القيم الجديدة لإطار الصورة أما في الجزء الثالث والمسمى (01طعمهى) 
يمكنك التحكم من خلاله بموضصع الفراع الذي سيحيط بالصورة. عند الضغط غل 
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الزر 016 يقوم البرنامج بإضافة مساحة حول الصورة بلون الأرضية الذي قمت 


يمكنك استخدام هذا الأمر لإضافة عنوان للصورة على مساحة أسفل الصورة أو 
أعلى الصورة إذا تحكمت بالأسهم التي تظهر في مربع الحوارء كما يمكنك وضع 
إطار زخرفي حول الصورة. 


ملاحظة: إذا قمت باختيار أبعاد أقل من الأبعاد الأصلية للصورة فإن النتيجة 


تكون اقتصاص جزء من الصورة. 
الحصول على معلومات عن الصورة: 


للحصول على معلومات سريعة عن الصورة من حيث أبعاد الصورة ونمط 
الألوان ودقة الوضوح. استخدم الضغط على مؤشر الماوس على الشريط السفلي 
من إطار برنامج الفوتوشوب ويتحصل على مخطط للصورة بالنسبة للصفحة التي 
تستخدمها للطابعة وفي حالة استخدام المفتاح )41 مع الضغط بمؤشر الماوس 
ستحصل على مربع يحتوي معلومات عن الصورة. 


مهارات ضبط ألوان الصورة (40[1154): 


يعد برنامج الفوتوشوب من أقوى البرامج المستخدمة لضبط ألوان الصور 
واصلاح عيوبها التي قد توجد بهاء فمثلاً قد تحصل على صورة فوتوغرافية معتمة 
أو باهته بحيث لا تكاد تميز ألوانها وعند إدخالها إلى الكمبيوتر بواسطة الماسح 
الضوئي فإنك تستطيع إظهار الألوان بوضوح ومعالجة العيوب في الصورة 
باستخدام العديد من الأوامر التي يوفرها لك الفوتوشوب والتي تختص في وضوح 
الألوان وتوزيع الإضاءة وتعديل الألوان واستبدال لون بلون أخر. 
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يوفر برنامج الفوتوشوب العديد من أوامر ضبط ألوان الصورة ولكن سنقوم 


هم 


كالاتي: 
1( !لمر Levels‏ 


يعد الأمر 167615 من أقوى أوامر تصحيح ألوان الصورة حيث يعمل هذا 
الأمر على الصور الملونة والصور الرمادية» وكل صورة تقوم باستخدامها في 
تصميمك يجب عليك أولاً استخدام هذا الأمر لضبط ألوانها أو التأكد من أن الألوان 
موزعة بشكل سليم» فيستخدم هذا الأمر على الصور الباهتة التي تخلو من الألوان 
الداكنة أو الفاتحة» كما يمكنك معالجة الصور الفاتحة جداً أو الداكنة أو عندما تفقد 
الصورة بعض تفاصيلها. 


لتطبيق أمر 167615 من خلال اختيار 167615 < .Image > Adjust‏ 


x 
_hannel: | RIB | ا‎ 
Input Levels: 1 انأ‎ 55 5 | 








Levels: | EE | I Pre iB‏ ألامأنانا 
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يظهر لك مربع حوار (1.67615) اختيارات عديدة لضبط ألوان الصورة ومن 
خلال التوزيع البياني للألوان يظهر على أقصى اليمين من الرسم البياني افتح 
البيكسلات لوناً وعلى أقصى اليسار أغمق البيكسلات» وتتراوح قيمة الألوان من 
الأغمق (اللون الأسود) (0) إلى الأفتح (الأبيض) القيمة (255). وهي القيم 
الموضحة في الخانات (1:676©15 116م12) والخانة التي في الوسط هي نقطة الجاما 
والتي تكون قيمتها 1.00 والتي تتحكم بدرجة الإضاءة لألوان الصورة. 


يمكنك الضغط على الخانة (8567161) في مربع الحوار ليظهر التغيير مباشرة 
على الصورة» كما يمكنك الضغط على المفتاح 416 فيتحول الزر 1ع©022) إلى 
الزر 186566 الذي يتيح لك الفرصة العودة إلى الألوان الأصلية للصورة بدون 
الخروج من مربع الحوار. كما يمكنك الضغط على الزر (1.67©15 41160) فيقوم 
الكمبيوتر بضبط المستوى تلقائياً لك بتحريك المؤشرات على الجانبين إلى الموقع 
الأفضل ليناسب الصورة. 


بعد الانتهاء من ضبط المؤشرين على أقصى اليمين وأقصى اليسار ليكون 
توزيع الألوان من اللون الأبيض إلى اللون الأسود استخدم مؤشر نقطة الجاما في 
الوسط لتعديل درجة الإضاءة للصورة» وتحريك نقطة الجاما إلى اليمين يؤدي إلى 
تقليل الإضاءة فتتحول الألوان إلى ألوان داكنة» وتحريكها نحو اليسار يؤدي إلى 
زيادة الجاما مما ينعكس على الصورة بتفتيح الألوان. 


لاحظ أن المخطط البياني يختلف باختلاف الصورة المراد معالجتها وهذا 
المخطط البياني الذي يعكس توزيع الألوان في الصورة من افتح الألوان وهو 
الأبيض إلى أغمق الألوان وهو الأسودء وتحريك المؤشر على اليمين إلى النقطة 
التي يبدأ عندها المنحنى يعني جعل أفتح الألوان في الصورة هو اللون الأبيض 
وكذلك الحال عند نهاية المنحنى البياني فإنك ستقوم بتحريك المؤشر إلى النقطة 
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قبل نهاية المنحنى لتصبح أغمق الألوان في الصورة هو اللون الأسودء ثم يأتي 
مؤشر نقطة الجاما فزيادة القيمة عن 1 يفتح الصورة وتقليله يغمق الصورة. 


2 الأمر و1ن0) 


يعتبر هذا الأمر أقوى من الأمر 1,67615 حيث أنه يقوم بنفس المهمة ولكن من 
خلال منحني يمكن التحكم في انحناءه لتغيير الألوان على كامل الصورة كما 
يمكنك تغيير الألوان المتاحة في الصورة والتي تصل إلى 16 مليون لون إلى لون 
مختلف. وللحصول على هذا الأمر : Image > Adjust > Curves‏ 








_AanZEl| 


Load... 
GAYE... 


aA N 


! لا لام 
222 


j Prey jp 





3 . . 
م م م 
3 . . 

Bı . . . 


Input: ]143 ْ 
:ألام ]لاما‎ air Sri 


يوضح المحور الأفقي لمربع حار (Curves)‏ يم la (Input Levels) J‏ 
في الأمر 1,6176159 والتي تأخذ القيم من 0 إلى 255 بينما المحور الرأسي يعطي 
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تلو اا اا اا العا فر اتحزار اعفد عى اة 
واضغط بمؤشر الماوس على الشبكة فتزيد من دقتها. 


3( الأمر 17921121005 


قد يحدث في بعض بعض الصور التي قمت بتعديل نقطة الجاما لها أن تضعف 


بعض الألوان التي تم تفتيحها في الصورة ولكي نعيد الألوان إلى كثافتها الأصلية 
استخدم الأمر (731131005؟) وهذه العملية تسمى بعملية الإشباعء < عع1203آ 
Adjust 2 Variations‏ 





f Shadows Load... | 


عن لزان fF‏ 


چ Highlights SAYE...‏ سم 


f" Saturation 


E ب] ا‎ Show Clipping 


يظهر لك مربع حوار (17311361085) والذي يحتوي على العديد من الخيارات 
لضبط ألوان الصورة» ويتم ذلك من خلال أربعة خيارات في أعلى مربع الحوار وهي 
Cs - Highlights - Medtones - Shadows)‏ وفي أسفل هذه 
الخيارات يمكنك التحكم في مقدار التغيير من خلال تحريك المؤشر بین (عہا۴) 
للتغيير الأكثر نعومة إلى التغيير (003756) الأكثر حدة. 


استخدم الخيار (531118108) لزيادة كثافة الألوان في الصورة بالضغط بمؤشر 
الماوس على العينة في أسفل مربع الحوار (10۸اu۲4٤ةS‏ ع0۲ »)M‏ وفي كل مرة 
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عند اختيار الزر (36110600265) في مربع حوار (17311361005) سيظهر لك 
سبع عينات من الصورة تسمح لك بتغيير الألوان في الصورة إلى الألوان الأساسية 
وتظهر هذه التعديلات على العينة في الوسط باسم (18511 01011626)» ويتم 
تحديثها كلما ضغطت على عينة من العينات السبعء أما العينات الثلاث على 
الجانب الأيمن من مربع الحوار فإنها تمكنك من تفتيح وتغميق الصورة» ولكن من 
الأفضل الاعتماد على نقطة الجاما في مربع حوار (1.67615) لتفتيح أو تغميق 
الصورة. كما يمكنك أيضا تحرير الألوان في الداكنة أو الفاتحة في الصورة من 
خلال الزرين (558300155) أو (5ااع تاطع11]). 


Hue\Saturation الأمر‎ (4 


يمكنك هذا الأمر من تغيير لون وكثافة ودرجة اللون في الصورة من خلال 
نتيج الأمر Image > Adjust > Hue\Saturation .(Variations)‏ 


يوجد أسفل مربع الحوار شريطين للألوان الشريط الأول ثابت والشريط الثاني 
متحرك مع تحريك مؤشر الشريط (1106]) والعلاقة بين شريطي الألوان يحدد مدى 
تغيير ألوان الصورة. يمكنك من خلال القائمة المنسدلة (1016) تحديد لون أساسي 
من الألوان وسيقوم مربع الحوار بوضع مؤشرات كما في الشكل التالي: 
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Edit: aster | 
Fk 


FER. 





HıJe: 
| ا‎ _ancel| 
zaturation: 0 ظ‎ E 
اك اا يح كت اتات ڪڪ‎ 
ا‎ 011111255 : 0 SAYE... 
ي‎ 
| Color ize 
باط بام م نب[‎ 











وتحدد هذه المؤشرات المنطقة اللونية التي سيقوم الكمبيوتر باستبدالها من 
الألوان الموجودة في الصورة واستبدالها بلون من الألوان في الشريط الثاني عند 
تحريك مؤشر شريط (1106). أما الشريط (١10٤2١إ٠84)‏ فزيادته يعني زيادة 
إشباع الصورة بالألوان وتقليله يردي إلى نقصان التشبع اللوني حتى الوصول إلى 
درجة التشبع الرمادية. أما شريط (1.18240655]) فزيادته تعمل على زيادة الإضاءة 
وتقليله يعمل على تعتيم الصورة. 


تعد الأوامر السابقة أكثر الأوامر استخداماً وقوة في برنامج الفوتوشوب أما 
الأوامر الأخرى فلها استخدامات محدودة ومن هذه الأوامر. 


Replace Color أمر‎ )5 


يقوم هذا الأمر بعمل قناع على لون محدد ثم يمكنك من استبداله بلون آخر 
على كل الصورة. ويتم ذلك بالضغط بالقطارة على عينة الصورة فوق اللون المراد 
استبداله من كل الصورة مثل استبدال الخلفية السوداء بلون أبيض. 
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يتحكم درجة (11127212655) بدرجة العمق اللوني للبيكسلات القريبة من اللون 
المحدد وكلما زادت القيمة كلما كان تطبيق أمر استبدال الألوان على نطاق أوسع 


على الصورة. 


عند تحريك مؤشر شريط (1106) لاستبدال اللون الذي حددته وسيتم إظهار 
النتيجة على الصورة مباشرة إذا كانت خانة (21657161) محددة» وعند تحريك 
مؤشر شريط (5311113]101) للتحكم في الإشباع اللوني وشريط (1:15212655) 
ا 


Selective Colors مر‎ (6 


يعد هذا الأمر مفيداً جدا لتصحيح ألوان الصور المدخلة بواسطة الماسح 
الضوئي وكذلك الصور المراد إرسالها للطباعة»ء فيمكنك من خلال مربع حوار 
(001015© عect1vاSe)‏ تغير إجراء التعديلات على لون محدد دون التأثير على 
باقي الألوان. ويمكنك اختيار لون أخر من قائمة (001015) واجراء التعديلات عليه 
من خلال تحريك مؤشرات الألوان الأساسية المستخدمة في الطباعة ))M¥)(‏ 
وتلاحظ أن اللون المحدد من الصورة هو الذي يجري عليه التعديل. 


الدواقق ارق خم ف خو ا الصو ت م ا ن ا 
سابقة الذكر ولا يحبذ استخدامها. 


الطرق المختصرة في الفوتوشوب (51101:0211]5)': 


1 5 3 ا ممه e a CSE eS ES‏ : ا 
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الطرق المختصرة هي بمعناها البسيط استعمال لوحة المفاتيح بدلاً من الذهاب 
إلى قائمة معينة في برنامج معين لتنفيذ الأوامرء وهي وجدت في برامج التصميم 
للزيادة من سرعة الإنتاج» ومثالاآً على ذلك لنأخذ الأمر نسخ (/إم00) الذي 
نحصل عليه في معظم برامج التصميم من قائمة (٤1ل8)»‏ حيث أن الطريق 
المختصرة له هي بالضغط على مفتاح (01151)) مع (0)): 


1) اختصارات قائمة ملف (»1116): 


فزن شمر 


Alt + Ctrl + O 


لحفظ الملف على هيئة تنسيقه الأصلي. Ctrl + S‏ 


لحفظ الملف واعطاءه إسم وتنسيق جديدان. Shift + Ctrl + S‏ 


لفط ملت خاضصن لمال كا دك 
00 على Alt + Shift + Ctrl + S‏ 
الانترنت. 


لفتح مربع الحوار الخاص بخصائص الطباعة. Alt + Ctrl + P‏ 


Ctrl + P .)22106( أمر الطباعة‎ 


Ctrl + Q or Alt + F4 لإغلاق البرنامج كلياً.‎ 
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2) اختصارات قائمة العرض (15716177): 
الطريق المختصرة 
تكبير ال ا Double-click gy Or‏ 
3 و Ctrl + @ (zero)‏ 
Or e‏ ا Double-click‏ 
الحجم الحقيقي للتصميم (100% = Z001‏ 
د م )0 Alt + Ctrl + @ (zero)‏ 


Cul + كير‎ 
Ctrl + spacebar, or 
5 1 ٠ 2.4. ا‎ 5 


Ctrl + drag over 


تكبير جزء محدد من التصميم. preview in Navigator‏ 
palette‏ 


لإظهار أو إخفاء الشبكة البيانية (6:06): 
لإظهار أو إخفاء مسطرة الإرشاد (1911©5). 
لإظهار الخطوط الإرشادية (6:1028): 


Spacebar + drag, or 
drag view area box in تحريك التصميم بوساطة أداة اليد.‎ 
Navıgator palette 


عرض التصميم أعلى أو أسفل بمقدار شاشة Page Up Of Page‏ 
ا Down‏ 


عرض التصميم أعلى أو أسفل بمقدار 10] Shift + Page Up or‏ 


Page Down کات‎ 
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الانتقال بعرض التصميم إلى الزاوية اليسرى 


العلوية (810506) أو الانتقال بالعرض إلى الزاوية Home or End‏ 
اليمنى السفلية (1120). 





3) اختصارات تحديد العناصر وتحريكها (1057125/ © 5616©11125): 


Alt + Ctrl + D (Feather) لتنفيذ خاصة‎ 


مع الضغط على 51116 سيتم إضافة أي تحديد| + Any selection too]‏ 


إلى التحديد الأصليء ومع الضغط على ]1 سيت | 0585 + Shift or Al‏ 


(سحب) 


العكس. 
لحصر التحديد في منطقة معينة أصغر مساحة| 4+ Any selection tool‏ 

Shift + Alt + drag SE eg 
لرسم مريع أو :ذائنرة يويناظة أداة التحديدد‎ 

(©31350116) مع الحفاظ على نسب الطول + Shift‏ 

والعرضء والقطر. 
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لرسم مربع أو دائرة بوساطة أداة التحديد 
(ع381310116) ابتداءً من الوسط مع الحفاظ على Shift + Alt + drag‏ 
نسب الطول والعرضء والقطر. 

للتحويل من أداة (18550) إلى أداة 


Alt + drag ١ 
عتاعمع812) أثناء رسم تحديد معين.‎ 12550( 


للتحويل من أداة (1.2550 عأاعمع83) إلى أداة 


Alt + click 
. اثناء رسم تحدبد معین‎ (Lasso) 


: 2 
ترك فا ون اا م ا کل f+ Alt + drag‏ 


selection 


تحريك المنطقة المحددة بمقدار 1 نقطة. + Any selection‏ 


كهريك المتلقة المحددة يمتذا 1 تقطة: و 
ش 


تحريك طبقة كاملة بمقدار 1 نقطة في حالة خلو | cr + ll lal lk‏ 


تنفيذ عملية القص على المنطقة المحددة. Enter or EscC‏ ا 


(Measure Tool) ی‎ e 
+ Alt + drag end و ي ا ا‎ 
poınt 





4) اختصارات الرسم والتعبئة :(Painting & Filling)‏ 
جح 


الأمر الطريق المختصرة 
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07 لأحذ خذةعيدات .من ألوان الصورة: نطو + أ 
وتظهر معلومات كل لون في نافذة (10140). Shift‏ + 
لاختيار طريقة التعبئة .(Blending Mode)‏ 


تعبئة مساحة أو طبقة بلون المقدمة. Alt + Backspace‏ 
تعبئة مساحة أو طبقة بلون الخلفية. Ctrl + Backspace‏ 


Alt + Ctrl + a8 
Shift + Backspace 





5) اختصارات قائمة التحرير (17011): 


ارق ر 


Shift + Ctrl + Z 
Alt + Ctrl + Z للتراجع خطوة أو أكثر.‎ 
Shift + Ctrl + F لتنفيذ خاصية (ع1"20).‎ 
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للصق الجزء أو الشكل الذي تم نسخة أو اقتطاعه. 


الکن کل اکل کل اخر او اخ تو رها 
Shift + Ctrl + V‏ 
بواسطة أدوات التحديد. 


للتحكم في خواص حجم وقياسات ودوران الشكل 
Ctrl + T‏ 
.(Transform)‏ 


Shift + Ctrl + K E 
ل ا ق ا‎ 





6 اختصارات تحریر النص ٤d1٤(‏ ٭مر٣):‏ 


الطرد يق المختصرة 
Ctrl + drag type when‏ 


كتاكت أله الكتا أن 1 
تحريك النص الكتابي عبر التصميم Type is selected‏ 


الفط مال سيط أو مدر + Shift + Ctrl‏ اك 
L, C, or R‏ 


Ee Shift Cl 
. سفل‎ ١ التوسيط أعلى» منتصفء‎ 
L, C, or R لتوسي‎ 
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عنقي كن الجن مدا ف اال بار سحل 

Ctrl + H 
على إخفاء التحديد أو إظهاره مرة أخرى.‎ 
Shift + Ctrl + U على تشغيل خاصية وضع خط أفقي تحت هذا‎ 
ا‎ 
Shift + Ctrl + / على تشغيل خاصية وضع خط أفقي في منتصف هذا‎ 
اال‎ 
Shift + Ctrl + K على تحويل جميع الحروف الصغيرة إلى حروف كبيرة‎ 
.(Capital Letters) 


على تحويل جميع الحروف الكبيرة إلى حروف صغيرة Shift + Ctrl + H‏ 


.(Small Letters) 
Shift + Ctrl + < > 


لزيادة أو تنقيص القيادة (ع1.63010) بمقدار 1 


لزيادة أو تنقيص المسافة بين القاعدة (ع10آء1825 
ْ 
اط بمقدار 2 نقطة. Shift + alt + J|‏ 


لزيادة أو تنقيص المسافة بين الأحرف 
)Ke٣8(‏ بمقدار 2 نقطة. د 
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7 اختصارات تحرير الألوان والنماذج اللونية :(Adjust)‏ 


إظيار مريع الحوار (ء 6ا 


لإظهار مربع الحوار (001565)). 
لإظهار مربع الحوار (ع©83132 00101)). 
لإظهار مربع الحوار (111016/5231111211012). 
لتنفيذ أمر إبطال الأمر السابق (ع10653611126). 
لتنفيذ أمر عكس القيم (16ء:105). 





8( الاختصارات الأخرى: 


الطريق المختصرة 
لتشغيل خاصية Alt + Ctrl + X )Ex)١۵٥٤(‏ 
لتشغيل خاصية (1.101117آ) Shift + Ctrl + X‏ 


لتنفیذ أُمر جمہ الطبقاٽ ) Group with‏ 
ا ال ان Ctrl + G‏ 
(previous‏ 


Shift + Ctrl + G لإبطال الأمر السابق.‎ 
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لدمج جميع الطبقات بشكل مرئى ( ع۲۶٤١۸‏ 
ت مرئي ( 6ع Shift + Ctrl + E‏ 


.(Visible 


ا 
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ثانياً: ادوب إللیستریتر :)(Adobe Illustrator)‏ 


وهو من انتاج شركة أدوبي وهدا البرنامج متخصص بالتعامل مع الرسومات 
والأشكال التي تسمى (111115653]1085) » ويمتاز بالليونة العالية لأدواته» والميزات 
الكبيرة التي يقدمها هذا البرنامج» بالإضافة إلى وجود التأثيرات المختلفة التي 
تضفي على التصميم رونقاً خاصاً. 


صندوق أدوات إلليسريتر يعرض 24 أداة من أصل 6 ويتم 
إخفاء الأدوات الأخرى داخل القوائم الفرعية لكل أداة. وأي أداة 
تحتوي على مثلث أسود في زاويتها اليمنى من الأسفل فإنها 
تحتوي على قائمة فرعية لها تحتوي على أداة بديلة أو أكثر 
وكما في الفوتوشوب فإنه ويمكنك مشاهدة الأدوات الأخرى إما 
بالضغط المطول على الأداة المطلوبة كما هو مبين في الشكل 
التالي لتظهر لك الأدوات المخفية» أو بالضغط على الأداة 
المطلوبة و .۸1٤‏ 
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أدوات إلليستريتر: 


العصا السحرية (57177320 ©34381) تستخدم لتحديد مساحات 
قلم المسار (2612) يختص بعمل مسارات حادة للتحديد ويعتبر من 
أفضل وأدق الأداوت الخاضة بالتحديد. 

)A44 Anchor Point)‏ أداة إدراج نقطة في المسار الذي تم 
تحديده باستخدام قلم التحديد. 

Anchor Point)‏ عاعا1ء12) أداة حذف نقطة خاصيتها معاكسة 
تماما للأداة السابقة كما أنها لا تقوم بقطع المسار حيث يقوم 
إلليستريتر تلقائيا برسم مقطع جديد بين النقاط الباقية. 


Anchor Point)‏ 6اء:0021)) أداة تحويل النقط حيث تأتي النقط 


الموجودة في مسار في مجموعات مختلفة بمعنى ان بعضها يشير 


إلى منحنيات والبعض الأخر يشير إلى الزواياء وهذه الأداة تسمح 
بتغير نوع النقط إلى النوع الأخر أي من منحنى إلى زاوية 
وبالعكس ا 





208 


فرشاة الرسم (18110151). 


أداة تدوير الشكل (190]866) 

أداة الانعكاس «(Reflection)‏ وهي لعكس موقع شكل معين. 
(158151) لعمل تأثيرات على الشكل على هيئة تمايل في جوانبه. 
أداة إعوجاج الشكل (م177731) حيث تسمح هذه الأداة بعمل 
أداة التدوير (157111) التي تقوم بتدوير جزء من أجزاء الشكل. 
)Pucke1(‏ هذه الأداة تجعل من حواف شكل معين كأنه مجعد أو 
TE‏ 

(81026) تقوم باقتصاص جزء من أطرف الشكل إلى الداخل أو 
إلى الخارج على شكل دائرة. 

(م562110) ذات تأثير جميل يشبه المروحة» وهي تنفذ على جزء 
من أجزاء الشكل. 


أيضاً أداة (»11م”77) تعطي تأثير التجاعيد. 


(123761م5 1اoاصرS)‏ هي بمثابة علبة رش للرموز الموجودة في 
مكتبة الرموز (ئ[اماص_ر؟). 


بواسطة الأداة السابقة. 


Scruncher)‏ bo1صSy)‏ تقوم تقریب الرموز من بعضها البعض 
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عن طريق إزالة الفراغات الزائدة. 

(517262 990601) لتكبير أو تصغير حجم الرموز. 
(121261م5 539:005201) تقوم بتدوير الرموز حول مركزها. 

Sti 1(‏ bo01صSym)‏ تقوم بتلويث الرموز أو إزالة ألوانها. 
Screen€1(‏ bo1صSy)‏ تقوم بعمل تأثير الشفافية على الرموز. 


S)y161(‏ 01طاصرS؟)‏ تقوم بعمل تأثير من التأثيرات الموجودة في 
مكتبة (917/165) على الرموز الموجودة في التصميم. 
(اوء81) هذه الأداة رائعة في برامج إلليستريترء حيث تقوم بتقسيم 
الشكل إلى منحنيات ومن ثم يمكنها أن تتحكم في مسار هذه 
المنحنيات لتشكيل أشكال جديدة من الشكل الأصلي. 


القطارة (61م13:601102) باستخدامها والضغط عليها في أي جزء 
من الصورة فإن البرنامج يقوم بأخذ التدرج اللوني الموجود أسفل 
القطارة بالضبط ويجعله لون المقدمة» كما أن لهذه الأداة ميزة نسخ 
ولصق لون معين من شكل ما إلى شكل آخر عن طريق تحديد 
الشكل المراد تلوينه ثم استعمال أداة القطارة على شكل آخر لينتقل 
لون الشكل الأخير إلى الشكل المحدد مسبقاً. 


أداة التعبئة (۴111)» تستخدم لتعبئة اللون من شكل محدد إلى شكل 


أداة القياس (116251116) تستخدم لإعطاء المعلومات الكاملة بما 
يتعلق بأبعاد شكل ما أو قياس قطره وأضلاعه. أو موقعه بالنسبة 
للمسقط الصادي والسينيء وعند استخدام هذه الأداة تظهر 
المعلومات على قائمة (1040)» التي بإمكانك أن تظهرها بواسطة 
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كما في الفوتوشوب فإن أداة التقطيع (51106) تتيح لك قطع 
احبن ابد ع جب ع له يدا ررس سد 
بتقطيعها وتقسيمها إلى أقسام وشرائح منفصلة. 

إذا قمت بتقسيم الصورة بالأداة السابقة فإن أداة ( م5110 
0 تقوم بتحديد الجزء المرغوب من الأجزاء المقسمة 
وذلك للتحكم فيه. 

أداة اليد (1130) لسحب الصورة باليد لتمرير الإطار لكي ترى 
جزء مختلف من الصورة. 

أداة التحديد المباشر (5616©61052 101606) تقوم بالتحكم في 
زوايا وانحناءات المسارات التي قمت بعملها بإستخدام قلم المسار. 


(56160002 م01011) تستخدم لتحديد جزء وحيد من بين عدة 


أجزاء مجتمعة (Grouped)‏ 


(1-3550 reeاDi)‏ تستعمل هذه الأداة لتحديد عدة نقاط 
(015طعمى) على المسار. 
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)Vertica1 Area Type)‏ لكتابة نص بشکل عامودي في 
ااا ا رة اماز 


Path Type)‏ اVertica)‏ لكتبة نص بشکل عامودي على طول 
ا 


]| (ع1eعNRectan)‏ أداة رسم المستطيل. 


Rounded Rectangle)‏ تستطیع رسم مستطیل ذا حواف 


ل مستديرة. 
١1‏ (ع113) لرسم شكل مشع. 


أداة قلم الرصاص (262011) أداة القلم الذي يستخدم لرسم 
الخطوط الرفيعة والدقيقة. 


أداة إلقلم lillعp (Smooth Pencil)‏ أداة قلم التنعيم. 


)Erase Penc¡1(‏ أداة قلم المحي. 


(Scale)‏ أداة التحكم في أبعاد الصور والأشكال. 

أداة التجريد (55621) التي تتحكم في أبعاد الصور والأشكال 
وبامكانها تغيير ملامح الشكل الخارجي. 

(©م126583) لإعادة تشكيل الشكل من جديد والتغيير في أبعاده 


وزواياه. 





272 


)۴ree "ransf0۳(‏ للتحكم الحر في أبعاد ودرجة ميلان وزوايا 
الأشكال. 


Gr2p(‏ umnا0)‏ لعمل رسم بياني باستخدام الأعمدة. 
)Stacked column Graph)‏ آداة أخری لعمل رسم بياني. 


(2p1اG‏ 82) أداة أخرى لعمل رسم بياني أفقي. 


)Stacked Bar Graph)‏ أداة أخرى لعمل رسم بياني أفقي. 


64p1(‏ عمنآ) أداة أخرى لعمل رسم بياني باستخدام الخط 
الصاعد والهابط. 


(apاG‏ eaعاA)‏ أداة أخرى لعمل رسم بياني خاص بالمساحة. 
)Scatter Grap(‏ أداة أخرى لعمل رسم بياني. 

(طمة0 6ذط) أداة أخرى لعمل رسم بياني دائري. 

(طمة© 3031:]) أداة أخرى لعمل رسم بياني على شكل رادار. 
(67201604) أداة التدرج اللوني وتستخدم لعمل تدرج لوني بين 
اللونين الأمامي والخلفي في الجزء المراد تعبئته بتدرج لوني. 
(Blend)‏ تستعمل للتدرج بين شكلين مختلفين في ألواتهما . 
"۵٥۴(‏ t0اA)‏ تستعمل لعمل تأثيرات لونية على أجزاء الصور 
من نوع .)B¡)٣2p(‏ 

أداة المقص (50155015) تستعمل لقص بعض أجزاء الشكل ولكن 
فقط من خلال (4221015) وليس (01265م120) الموجودة على 
المسار (Path)‏ 
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(0116؟1) أداة السكين تستعمل لتقطيع الشكل. 


أداة العدسة أو المكبر وهي لتكبير الصورة حتى تستطيع رؤية 
البكسلات الفردية بشكل واضح. 





ملاحظة: يختلف برنامج إلليستريتر عن الفوتوشوب في أن لكل أداة من أدواته 
مربع حوار خاص بها يمكن المصمم من اختيار أفضل الخصائص لتلك الأداة: 
وتظهر مربعات الحوار تلك فقط باختيار الأداة ومن ثم الضغط مرةً واحدة على 
مساحة العمل» فعلى سبيل المثال إذا قمت باختيار الأداة الخاصة برسم المستطيل 
وضغطت مرة واحدة على الصفحة البيضاء سيظهر لك مربع الحوار التالي: 


Rectangle 


_ANCEeÎ| 





قوائم إلليسريتر: 


أولاً: قائمة ملف (15116): 
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يتيح لك هذا الأمر فتح ملف جديد ووضع أبعاده ودرجة 

الوضوح ونوع القنوات اللونية المطلوبة 

وهو الأمر الخاص بفتح الملفات الرسومية الموجودة على 

الحاسوب أو القرص المدمج أو القرص المرن 

لفتح آخر الملفات أو الصور التي تم العمل عليها أو ١ءcءR‏ 0 


يستخدم هذا الأمر فيما إذا قمت بتغييرات على الملف ولم Revert‏ 
تحفظها وترغب بالعودة إلى أحدث نسخة محفوظة. 


هذا ارين ينانق الستحة ار السيميم اسان . 


يقوم هذا الأمر بحفظ الصورة كماأنه يقوم بحفظ التعديل Save‏ 
الأخير على الملف الحالي. 


يبسمح هذا الأمر بحفظ صورة باسم ملف جديد علي اأ لننسبق Save AS‏ 


الخاص بالفوتوشوب. 

يقوم باستيراد نسخة من الملفات أو الصور وادراجها على Place‏ 
مساحة العمل. 

هذا الأمر للتحكم في الشبكة الداخلية التي تربط أجهزة Manage‏ 
الكمبيوتر مع الخادم الرئيسي (5617©1). Workgroup‏ 
وهي الأوامر الخاصة بنصوص البرمجة مثل (لغة فيجيوال Scripts‏ 
بييسك) أو بنصوص (Data-base) s (Win word)‏ 

ويتعامل معها البرنامج. 

يستخدم لتحديد القياسات الخاصة بالصفحة التي يوجد فيها Document‏ 
التصميمء» كمية الريزليوشن (1865011011052) التي يحفظ بها 50 
التصميم» ودرجة الشفافية .(Transparency)‏ 





8) 


وهو للتحويل بين نظامي الألوان (0341516) و (868). Document‏ 

color mode 
File info هذا الأمر يتيح المجال لتخزين معلومات عن التصميم أو‎ 
المصمم في ذاكرة البرنامج.‎ 


عملية فصل الألوان على نظام )۲ CM‏ (فرز الألوان). Separation‏ 

Setup 
التحكم في خراص الطابحة لمرصولة کیو‎ 
ع ا‎ 





ثانياً: قائمة التحرير :)٤d1٤(‏ 


للتراجع عن خطوة ما أو عدة خطوات إذا شعرت بأنك أخطأت Undo‏ 
فيهاء وهو بعكس الفوتوشوب الذي لا يسمح إلا ب 11200 

عت 0 
قى نکن لاو لمان حت کت آعاة کے ها کت ف Redo‏ 
نفات أمر (7200)) عليها. ا 
يقوم هذا الأمر بقص وازالة الجزء المحدد من الصورة ويقوم Cut‏ 
بحفظ هذا الجزء في الذاكرة . ار 


يقوم بنفس وظيفة الأمر السابق ولكنه يقوم فقط بنسخ الجزء Copy‏ 
س ٠‏ 
يلصق هذا الأمر ما تم حفظه في الذاكرة في موقع جديد من Paste‏ 
الصورة نفسها أو ضمن طبقة جديد في صورة أخرى. 


بلصق هذا الأمر ما تم حفظه في الذاكرة أمام صورة معينة in‏ 0 
ront‏ 
موجودة على مساحة العمل. 
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كن الاب ل كن جود لسرن لسر د 
Back‏ 


لإزالة الجزء المحدد. Clear‏ 


Define 


هذا الأمر خاص لتكوين جزء للتعبئة» ومن ثم يقوم البرنامج 
Pattern‏ 


بتخزين نموذج التعبئة المكون في لائحة (5ع52ع]513). 

يقوم هذا الأمر بالتعديل على خواص الصورة الأصلية التي تم 75 
ادخالها إلى البرنامج عن طريق الأمر (08ة61) والتي أصبحت أ أ" 
عبارة عن (>ل10آ). 

في بعض الحالات مثل تحضير التصميم للطباعة النهائية Assign‏ 
اواو قق `= 
الخصائص اللونية لتتناسب مع تلك الطابعة. هذا الأمر لا 

يمكن أن يكون فعالاً في البرنامج مادمت قد اخترت 

Adobe 1111563605 6.0(‏ ateاuصEm٤)‏ في مربع الحوار 

(5641285 *0010)؛ لذا ينصح بعد استخدام هذا الأمر من 

قبل المصممين المبتدئين لأنه قد يشتت الألوان ويشوه التصميم. 

يحتوي هذا الأمر على خيارات لإعداد جهاز العرض أو إعداد Color‏ 
أحبار الطابعة. Settings‏ 


للتعرف على الطرق المختصرة لتنفيذ الأوامر. Keyboar‏ 
d Shortcuts‏ 


مراجع الأوامر الخاصة بالبرنامج حيث يتم معايرتها حسب ١‏ ©1616560آ 
es‏ 





ثالثاً: قائمة العناصر والأشكال (٤ءعزط0):‏ 
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ترتيب العناصر عنصر خلف آخر أو أمامه... 
تجن اتسر کی جز ران 


لتفكيك أجزاء العناصر التي تم تجميعها مسبقاً باستعمال الأمر 18ا02820] 
ا 


هذا الأمر يستعمل لقفل شكل معين ليكون غير قابل للتعديلات م 
ولا يتأثر حتى بمرور الماوس فوقه» لنتمكن مواصلة العمل 
على باقي العناصر بحرية أكثر. 


الفك جميع الأققال. 11| Unlock all‏ 
نفس هدف الأمر (001,]) ولكن هنا يتم إخفاء الشكل. 


لتعطيل عملية الإخفاءء واظهار الأشكال التي تم إخفائها. Show all‏ 


هذا الأمر يقوم بتحويل العناصر المؤلفة من أكثر من جزء Expand‏ 
كالتدرج اللوني (07130161214)): و الخطوط المحيطة بالشكل 

(5601>5).» والأشكال المشعة (11316)» وغيرها إلى أشكال 

مكونة من جزء واحد فقط. 


يقوم هذا الأمر بتحويل الأشكال المؤلفة من أكثر من جزء Expand‏ 
كالرموز (15وطم:5) إلى أ ا Appearance‏ 
يعمل هذا الأمر على تحويل الشكل إلى (60601؟) وتحويل Flatten‏ 
الخطوط والنصوص إلى خطوط تخطيطية (011]11065). sS‏ 


لتحويل الصور من نوع (٣0)ء٥۷)‏ إلى نوع Rasterize (Bitmap)‏ 
لتتمكن من تنفيذ الفلاتر الموجودة في البرنامج عليها. 


ينفذ هذا الأمر على الصور والأشكال لصنع شبكة من الألوان. Create‏ 
Gradient‏ 


Mesh 
يتيح لك هذا الأمر التحكم في عملية تقطيع الصورة ليتم‎ 
عرضها على الانترنت» حيث أن البرنامج يقوم بتقطيعها‎ 
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وتقسيمها إلى أقسام وشرائح منفصلة. 

للتحكم في تأثيرات المسار (ط294). 

للتحكم في خصائص التدرج اللوني بين شكلين مختلفين 

الواقهما : 

لتحويل الأشكال المنتظمة إلى أشكال غير منتظمة مقسمة إلى Envelope‏ 
ا N‏ 
عبارة عن شكل أو مجموعة من الأشكال التي في شكلها العام Clipping‏ 
تخفي صورة أو عملا فنيا تحتها ليكون هذا العمل فقط ظاهرا ف 
من كال .ك الك عة 


لعمل شكل مكون من أكثر من مسار حيث تظهر الثقوب في 
a‏ 
حالاة كاذل هذه المسازانت: 


يستخدم هذا الأمر لعمل علامات حول شكل معين تحدد حدود 0 
AafKS‏ 

قص الشكل بعد عملية الطباعةء ويعتبر هذا الأمر مفيد في 

حالة تحديد الأشكال التي سيتم فرز ألوانها. 


لإنشاء جدول بياني من خلال شكل معين تم رسمه في Graph‏ 
البرنامج. 


Font 


هذا الأمر مفيد في حالة ربط صندوق النصوص ببعضها Blocks‏ 
صندوق نص آخر بجانبه وثم تنفيذ مر (BIock> Link)‏ 
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وسترى بأن النص الذي تطبعه في الصندوق الأول سيكتمل في 

الصندوق الثاني إذا استمرت عملية الطباعة. 0 
هذا الأمر يقوم بتدوير النصوص حول الأشكال بتداخلات Wrap‏ 
يختارها المصمم؛ وهي مفيدة في حالة تصميم مجلة أو إخراج اا 


صفحة من الجريدة. 


يستخدم هذا الأمر ليجعل النص ملائماً تماماً للصندوق Fit‏ 
Headlines‏ 

المكتوب فيه. 
لتحويل النصوص إلى خطوط تخطيطية. Create‏ 
Outlines‏ 
للبحث عن كلمة معينة ومن ثم إمكانية تغييرها. Find/Cha‏ 
nge‏ 


هذا الأمر مفيد في حالة وجود أكثر من نوع خط في التصميم 
onts‏ 

الواحد» حيث أنه يمكنك من تحديد كل نوع خط على حدة ثم 

السماح لك بتغيير الخط إلى خط آخر من خطوط التصميم. 


للتأكد من صحة اللغة. Check‏ 
Spelling‏ 
يتيح لك هذا الأمر تحويل الحروف الكبيرة إلى حروف صغيرة Change‏ 
Case‏ 

والعكس. 


يقوم هذا الأمر بتبديل جميع الأخطاء في علامات الترقيم. Smart‏ 
Punctuation 1‏ 


تكمن فائدة هذا الأمر في أنه يمكنك من تحويل نص كامل إلى ROWS‏ 
Columns 0‏ 
أعمدة وصفوف جاهزة لآن تكون صفحة في مجلة أو جريدة 

ما. 


Hidden / ١ 0‏ 
أثناء الطباعة والتي يمكن أن تكون المؤشرات التي تتبع | ورم ومو 


الكتابة. 


يتحكم هذا الأمر في اتجاه الكتابة فهو يحولها إما أفقياً أو | ©8ا1 
110 1) 
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صرب 0 


خامسا: قائمة التحديد ()ع5616): 


يستعمل هذا الأمر لتحنيد جميع الأشكال في التصميم: 
Deselect‏ 


عة تحيد جع اتل 


5-7 

يستعمل هذا الأمر في حالة وجود شكلين فوق بعضهما Next Object‏ 

البعضء» فعند اختيار الشكل الخلفي عند تنفيذ هذا الأمر يقوم Above‏ 
البرنامج بالانتقال بالتحديد إلى الشكل العلوي مباشرة. 


Next Object عكس الأمر السابق.‎ 
Below 


هذا الأمر مميز في أنه يتيح لك إمكانية اختيار شكل same‏ 
معين ذو مواصفات معينة من ناحية الحجم أو اللون أو حجم 
الخط الخارجي وعند تنفيذه يقوم بتحديد جميع الأشكال التي 
تحمل نفس مواصفات الشكل الأصلي. 

هذا الأمر ليس لتحديد الأشكال بشكل عام بل لتخصيص Object‏ 
ر ا 


لحفظ التحديد لاستعماله فيما بعد. Save‏ 
Selection‏ 

لتعديل التحديد الذي تم حفظه مسبقاً. Edit‏ 
Selection ۰‏ 
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وبهذا أكون قد شرحت القوائم (5616©14 ,6م15" ,]ع 6ز06 ,]1801 ,1116) ويتبقى 
:(Filter, Effect, View, Window, Help)‏ 


11 : هي نفس الفلاتر الموجودة في الفوتوشوب» ولكن يجب ملاحظة أمر 
مهم في هذه الحالة» هي أنه يجب تحويل العناصر والأشكال التي من نوع 
)Vecto(‏ إلى (م81]08) بواسطة الأمر (1235662126) من قائمة (]ء06[6) 
لتتمكن من تنفيذ بعض الفلاتر .(Artistic, Brush, Sharpen, B1Ur....) Jû‏ 


:E ٤‏ هي تقريباً نفس خصائص الفلاتر مع وجود إضافات أخرى» ولكن 
الشين المميق :فى هذه القائئة “قو خضاتص إيحاة النمناز () 'الذي.يمكنك من عمل 
الكٽير من العمليات (Trim, Crop, Merge, Divide, Outline...) Jia‏ 


View‏ : وهي القائمة الخاصة بعرص بعص النوافد وهي تشبه الموجودة في 


الفوتوشوب. 


Window‏ : تشبه شتا تلك الموجودة في الفوتوشوب مع وجود بعص النوافد 


9 ]: قائمة المساعدة» والطريقة المختصرة لها هي (۴1). 


تشغيل برنامج إلليستريتر: 


ل فيل البرذ نامج بعد تثبيته علي الكمبيو تر اضغط على قائمة إيدأ (Start)‏ في 


نافذة ويندور »2 ومن قائمة البرامج ستجد مجموعة .(Adobe Illustrator)‏ عندها 
سيقوم الكمبيوتر بتحميل البرنامج» ويستغرق تحميل البرنامج كما في الفوتوشوب 
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وقتا أكبر من البرامج الأخرى وذلك لقيامه بتحميل المؤثرات والخطوط والقوائم 
والعديد من المكتبات التي تحتاجها في الرسم. 


عند انتهاء الكمبيوتر من تشغيل البرنامج ستظهر لك شاشة سطح المكتب والتي 
تحتوي في الأعلى على شريط قوائم الأوامر وعلى اليسار شريط الأدوات وعلى 
اليمين لوحات متعددة الوظائف. 


فتح ملف جديد: 


لفتح ملف جديد لبدأ الرسم فيه يتم من خلال الضغط بزر الماوس على قائمة 











ûr tboard SEID 


ize: |4 >| width: 95.28 pt 
nits: [Points | Helght: B41 آم 9ت‎ 


r lentatlon: 


_Glor MGOAE 
fe LTTE Color 7 RHE Lalor 


| ]اتا 


FE LIntitled-4 Lk 
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اكتب اسم الملف» ثم أختر نوع الصفحة التي تريدهاء ثم حدد مسار الصفحة: 
عامودي أم أفقي. حدد نمط الألوان الذي تريده» مع العلم أن البرنامج يتعامل تلقائيا 
مع (031716) وأخيراً اضغط على الزر )0. 


:(Document Setup) ةaiصأl خصائص‎ 


من الأمور المهمة في هذا البرنامج وهو التحكم في خصائص الصفحة قبل 


ف اراو ها 


Size: ja4 =| width: [535.28 pt _ re | 
Units: [Points =| Height: [B41.83 pt Prev | 
[` 1Jse Print Setup riantation: E | 


jE 
Print SPÎUP... | 


] Show Images In Outline f Single Full Page 
f” Tile Full Pages 


f” Tile Imageable Areas 





نسبة وضوح الصورة ودقة تفاصيلها (18650110102) في حالة 
تصدير التصميم أ تحضيره للطباعة. 
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ل سسطعكامعتسبدوث 
Printing & Export‏ 
Ok‏ ل] 1 
Faths‏ 


utput Resolution: eno dpi f split Long Paths اعاااةا‎ | 


a Flatness = Printing Device Resolution  Gutput Resolution 
رق‎ Prey | 
ext 
ptians 


afadient Mesh Resolution: | 15U ppi Print SEÎD... | 


lse Printer's Gefault Screen‏ م[ 
Zompatible aradient and aradient Mesh Printing‏ [] 





٠‏ درجة شفافية التصميم ودرجة توازن (015]عع17) أيضاً إمكانية 
برمجة البرنامج على تحويل جميع النصوص إلى خطوط تخطيطية 
(011111265): والخطوط المحددة للأشكال (56015) إلى خطوط 
تخطيطية أيضا.' 


أ عند التعامل مع النصوص في برنامج إلليستريتر يجب الاهتمام بتحويل خطوط الكتابة إلى 
خطوط تخطيطية (011110265) لتفادي تغير أنواع الخط عند نقله إلى جهاز آخر أو لتفادي 
تشتت الحروف عند عملية الطباعة. 
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تناع 5 أروع 1 نووت 


Transparenl 
ا ل]‎ 57 
:صعادك لز ادا‎ [Medium | 
ارات‎ | 


uit =|‏ :5 اانا ل اجا 
FT Simulate Paper 05 Prey‏ 
Flattening Settings‏ 
Raster #Yector Balance: 100‏ 


Fasters دعرو دمن‎ Print Setup... 


RASIPT zati BESA aT: SUD DÎ 


[ Convert All Text to Outlines 
I Con¥ert All Strokes to Outlines 


] ١ ip Go plex REÎS 
[` Preserve Overpr ints When Possible 





الصور في برنامج إلليستريتر: 


يستطيع هذا البرنامج من إنشاء صور جديدة أو استيرادها من برامج أخرى 
كالفوتوشوب. وبرنامج إلليستريتر هو أحد البرامج التي تتعامل في معظم الأوقات 
مع الصور من نوع (966101)» ولهذا فقد تميز عن غيره بأنه قادر على إنتاج 
الكثير من الأشكال البسيطة والمعقدة التي تزيد من جمالية التصميم وتعطي الشعور 
بالتقنية العالية. 


تتم استيراد الصور من خاج البرنامج باستخدام الأمر (ع120) الموجود في 
قائمة (1116). وعند استيراد صورة من خارج البرنامج وادراجها في التصميم يجب 
ملاحظة أنها ستدرج على أنها وصلة (101آ) وتدر ضمن قائمة >151.] في القوائم 
الفرعية الموجودة على يمين البرنامج. 
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Links 


ddd. jp 










7 


هنا يجب أن تحفظ نسخة من الصورة الأصلية مع التصميم في نفس المكان 
لتفادي عدم رؤية الصورة المستعملة في التصميم عند فتحها على جهاز كمبيوتر 
آخر أو في المطبعة» لكن هناك طريقة أفضل وهي تحويل الصورة المستوردة إلى 
جزء داخلي من أجزاء التصميم ككل» وهذه الطريقة تتم عند استخدام أمر الاستيراد 
(2130)؛ وهنا يجب ملاحظة المربع الصغير الموجود على جهة اليسار وازالة 


علامة الصح. 


ETE [aad 1 
Files of pe: 5 Forrnats >| angel 





في هذه الحالة ستلاحظ الفرق ما بين الصورة الموحدة في جسم التصميم 
(180660060) والصورة التي تكون عبارة عن وصلة (1.151آ)» حيث أن نافذة 
(101آ) سترسم مربع صغير يحتوي على أشكال هندسية على يمينها للدلالة على 
أن هذه الصورة أصبحت من مكونات التصميم ككل. 


287 











Links 


2 وم[ عام بايا صريسي تحرام 





dddd. pq 


أدوات القطع والتجزئة: 


لقد رأيت أنه من المهم ذكر هذه الأدوات لأهميتها في عمل أي تصميم» 
وخصوصاً تلك التصاميم المعقدة التي تحتاج إلى دقة وتركيز» وقد قمت في الشكل 
التالي بتوضيح كل أمر مع الأمثلة. 







Exeludê . 
“Transform ™ Align ™ 


! : 12 أنازررن Intersect‏ 
لها لم Un‏ 


O Divide * Merge Crop: 1 596 
e ظ نشا] إنشا] رشا ] | شا] | رك‎ e 


Trim 








Merge Crop 


فيما يلي ستلاحظ عند عمل أي شكل وتريد عمل نة تقطيع له اختر ماهو مناسب 
ت سک أن کل کل لایر الخاض کت گل ماعل ال تت الکن سخ 


الماوس عليهما ومن ثم ضغط الزر الخاص بالتجزئة» مع ملاحظة أن في الأشكال 
هناك شكل أمامي وشكل خلفي. 
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!Error 





التوحيد 
(Unite)‏ 


التقاطع 


(Intersect) 


| لاسنشاءِ 
(Exclude)‏ 





الشكل السلبي 
أمامي ) Minus‏ 


(Front 


nD 





الشكل السلبي 
خلفي ( Minus‏ 


5 


(Back 
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التفسيم 
(Divide)‏ 


(Merge) 


القص بحسب 
التحديد (م020)) 


خطوط تخطيطية 
(Outline)‏ 





التعامل مع النصوص العربية: 
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إن النسخ القديمة من برنامج إلليستريتر لا تكتب باللغة العربية» ولكن لا يعني 
هذا أننا لا نستطيع استخدام الحروف العربية في التصميم» لذا كان المصممون 
يستخدمون برامج (وسيطة) للكتابة باللغة العربية مثل (الرسام العربي)؛» ومن ثم 
نقوم بإدراج ما كتبناه داخل إلليستريتر» لكن الإصدارات الحديتة من برنامج 
إلليستريتر مثل 052 ,05) أصبحت تكتب باللغة العربية 


حفظ التصميم: 


لحفظ التصميم في الهيئة القابلة للتعديل يفضل حفظها بتنسيق (41) وهو كما 
ذكرنا سابقاً النسق الأساسي في برنامج إلليسريترء وعند تنفيذ أمر الحفظ سيظهر 


_Ompatibility: [Illustrator Î0 | kK | 
مز‎ Lreate POF Laompatible F ile 
¥ 5e Cormpression __ Reset | 


I Embed All Fonts tfar other applications) 
IW “ubset fonts when less than: E 


of the characters af J5J 


] ١ كنا‎ |) 21| 







|] Include Linked Files 


VT LSE Jpaese Fil Fafiiiat 


Transparency 
31ل]5| 1ك لا لا قاذ | لا 81]15ه| غبا كوم رع “لم‎ 21١," 






"نا أت |3ل]5ك 1 1131]211) 6ك |3كل] لكر قب دومح هل 
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في الخانة الأولى يخيرك البرنامج في أي نسخ البرنامج أنت تفضل حفظ 
الملف» والأفضل أن يحفظ الملف في أحدث نسخة من البرنامج» إلا إذا كنت على 
علم بأن المطبعة لا تستعمل النسخة الحديثة يفضل في هذه الحالة حفظ الملف 
بنسخة أقدم لتفادي خسارة شيء من جودة الصورة أو ألوانها. النسخة الحديثة فقط 
هي التي تصنع نسخة من التصميم على هيئة (۶(۴)» وأيضا النسخة الوحيدة 
التي تستعمل أداة لضغط الملف (١10ءءع!م"إ0))‏ من أجل تقليل الحجم. ويجدر 
الإشارة في مجال الحديث أنه لحفظ الملف على هيئة مناسبة للطباعة مثل 


(1117 0 ,15186) يجب استخدام الأمر (011م1:2). 


الطرق المختصرة (511011©1115) في إلليستريتر: 


الطرق المختصرة في برنامج إلليستريتر شبيهة إلى حد ما بتلك الموجودة في 
برنامج فوتوشوب» لذا فسوف أعرض في الجدول التالي أهم الاختصارات التي لم 
يرد ذكرها في برنامج فوتوشوب: 


لتنفيذ الأمر (1861616) الذي يستخدم -كما ذكرنا 


سابقاً- فيما إذا قمت بتغييرات على الملف ولم 
تحفظها وترغب بالعودة إلى أحدث : نسخة محفوظة. 


للصق شكل معين أمام شكل آخر ( 10آ 7289516 
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للصق شكل معين خلف شكل آخر ( 10 Paste‏ 
.(Back‏ 


يسمح لك هذا الاختصار بعرض أهم الاختصارات 
الموجودة في برنامج إلليستريترء ويتيح لك المجال | Ctrl + Shift + Alt + K‏ 
بتغييرها حسب ما تراه مناسباً. 


هذا الاختصار يعني تكرار آخر حركة ترانسفورم 
قمت بهاء والجدير بالذكر أن إلليستريتر لا يحتوي 
Ctrl + D‏ 
على الاختصار الخاب ڊ Ctrl + (Transform)‏ 
0و 


لتحريك الشكل في أي اتجاه بالمقدار الذي يختاره 


هذا الاختصار. 


للتحكم في: تحريك الشكل» تكبير أضلاعهء ودرجة 
دوران زواياه» من خلال مربع الحوار الناتج. 


إحضار شكل معين أمام جميع الأشكال ليكون في 
Ctrl + Shift + ]‏ 
المقدnة .(Bring To Front)‏ 
Ctrl + [‏ 
.(Forward‏ 


رسال شکل معین خلف شكل آخر ( 81108 
.(Backward‏ 


إرسال شكل معين خلف جميع الأشكال ليكون في [ + Ctrl + Shift‏ 


Ctrl + Shift + Alt + D 


Ctrl + [ 
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.(Bring To Back) ةرخؤnلl‎ 


عملية جمع أكثر من شكل (610). 
تفكيك أشكال تم تجميعها مسبقاً (م1ا20ع10]). Ctrl + Shift + G‏ 
قفل شکل ما ( $120 (06K‏ 


لإبطال عملية القفل على جميع الأشكال 
1 على جميع 2 + Ctrl + Alt‏ 
([آث عاء010نا). 


لإخفاء J‏ مدد .(Hide Selecti0¬)‏ 
لإظهار جميع الأشكال المخفية (۸11 0ا 
لتنفيذ الأمر (1010) بالنسبة للمسار (ط294). 
لتنفيذ الأمر (ع47:6228) بالنسبة للمسار (2366). 
لعمل تأثير (81620). 


لإلغاء عملية (81620) السابقة من خلال الأمر 
.(Release)‏ 


لتنفيذ الا )Make With Wa‏ التابع للام 

Ctrl + Alt + W e 
.)0bjec†( من قائمة‎ )Envelope Distort) 
التابع للا‎ )Make With Meء1( لتنفيذ الأمر‎ 

Ctrl + Alt + M 8 37 ارم | ا‎ 
.)0bزec†( من قائمة‎ )Envelope Distort) 


لتنفيذ الأمر (4ء06[6 م10 (Make With‏ التابع 
للأمر (10156016 ©6م10ء8216) من قائمة Ctrl + Alt + C‏ 
.(Object)‏ 


لتعديل خصائص الأوامر الثلاث السابقة. Ctrl + Alt + V‏ 


Ctrl + Shift + Alt + B 
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.(Clipping Mask) Jad 
لإلغاء (2/2351 ع12مم011) من خلال الأمر‎ 
.(Release) 


Ctrl + Alt + 7 


.(Compound Path) Jad 
لإلغاء (2841 01120م00122) من خلال الأمر‎ 
.(Release) 


لتحويل النص الكتابي إلى خطوط تخطيطية 
.(Create Outlines)‏ 


Ctrl + Alt + 8 


Ctrl + Shift + O 


لإلغاء عملية تحديد الكل التي نتم كما في 
الفوتوشوب بواسطة الاختصار كر + 0011) 


لإعادة تحديد الكل. 


Ctrl + Shift + A 


لككذيق. أول: شكل:هوهوة: قوق الشكل اادد اكا : ] + Ctrl + Alt‏ 


لتكدية. اول کل خود تت اكل امك خا [ + Ctrl + Alt‏ 


ے 


لتنفيذ آخر فلتر تم اختياره مسبقا. 


و 


د 


لتنفيذ آخر تأثير )8٥٥٤(‏ تم اختیارہ مسبقا. Ctrl + Shift + E‏ 


لعرض التصميم بخطوطه الأولية. 


لإخفاء أو إظهار ما يسمى ب صندوق التحديد 
Ctrl + Shift +8 e‏ 
.(Bounding Box)‏ 


لإخفاء أو إظهار الشبكة الشفافة 
Ctrl + Shift + D‏ 
.(Transparency Grid)‏ 
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لعرض الخطوط الإرشادية الذكية ( 517211 
(Guides‏ ا کو م کے اة تحر 
Ctrl + U‏ 
شكل معين فتظهر وتحدد لك القياسات والزوايا 
اطا 


لإظهار أو إخفاء نافذة التوسيط (١ع1ا۸). Shift + F7‏ 
لإظهار أو إخفاء نافذة الظهور (6212066م2727). Shift + F6‏ 


لإظهار أو إخفاء نافذة الخصائص 
.(Attributes)‏ 


لإظهار أو إخفاء نافذة الفراشي (كsعطونا8).‏ 


إظهار أو إخفاء اة الاران اد | 


F 

F5 

FO 

لإظهار أو إخفاء نافذة (4م612016). F9‏ 
لإظهار أو إخفاء نافذة (10140). F8‏ 
F7‏ 


لإظهار أو إخفاء نافذة (123:617). 


1 
لإظهار İو‏ إخl«‏ liفذةö .(Path Finder)‏ 
”25 
EI‏ 
TTF‏ 
لإظهار أو إخفاء نافذة (Transform)‏ 
لإظهار أو إخفاء نافذة .(Transparency)‏ 





206 


لإظهار أو إخفاء نافذة (0312©167) الخاصة 
ا ع 


لإظهار أو إخفاء نافذة (طم2323) الخاصة 
بالفقرات النصية. 
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ثالثاً: كورل درو (001:©11(1:255):! 


مثله كمثل (1111151523601) يتعامل هدا البرنامج مع الرسومات والأشكال التي 
تسمى (111115]12]1005)» وفيه من الميزات ما يجعله برنامجاً رائداً في عالم 
التصميم المطبعي» خصو صا تلك المخططات الجاهزة للإعلانات المختلفة. 
وغيرها.. 


وسنحاول عرض أهمها في الصفحات القادمة» أولاً لنبدأ بشرح الأدوات. 


' الشرح الموجود في هذا الكتاب يخص 11 016110181© 


208 


۳7 صندوق أدوات كورل درو يعرض 14 أداة من أصل 59 ويتم إخفاء 
R‏ الأدوات الأخرى داخل القوائم الفرعية لكل أداة. وأي أداة تحتوي على 
17 مثلث أسود في زاويتها اليمنى من الأسفل فإنها تحتوي على قائمة فرعية 
> لها تحتوي على أداة بديلة أو أكثر. يمكنك مشاهدة باقي الأدوات 
بالضغط المطول على الأداة التى تحتوي على سهم أسود في زاويتها 
اليمنى السفلية. 


2 RON E 








u 





عه وت دوع ذه 


2 fe _ 


أدوات كورل درو: 


أداة التحديد (م00اء16ء5). 


(5132128) تستخدم فقط عند تحويل الشكل لمنحنيات 





Arrange 2 Convert To Curves :ةمnئأla‎ ja (Curves) 
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(10116) تستخدم لتقطيع الأشكال» وهي كسابقتها لا تكون فعالة 
إلى عند تحويل الشكل لمنحنيات. 

(873561) أداة الممحاة» وهي كسابقاتها لا تكون فعالة إلى عند 
تحويل الشكل لمنحنيات. 

Brus)‏ eعSmud)‏ أيضا تستخدم في حالة تحويل الشكل 
لمنحنيات» وهي تقوم بقص حدود الشكل إلى الداخل أو إضافة 
إلى الخارج. 

(Roughen Brush)‏ تقوم بجعل حدود الشكل حاداً يشبه 
المثلتات الصغيرة» وكمثيلاتها لا تكون فعالة إلى عند تحويل 
اأ ك 1 ٠.‏ نیات. 

(Free Transform)‏ أداة التحكم الحر في حجم ودرجة ميلان 
وزوايا الشكل. 

أداة التكبير بالعدسة (720010). 

أداة اليد (11320) لتحريك كامل التصميم مع الصفحة. 

ملاحظة أنه في حالة رسم خط مستقيم يجب الضغط بالزر 
الأيمن للماوس مرة واحدة على نقطة بداية الخط ومن ثم ترك 
الماوس وسحبه إلى نقطة النهاية والضغط مجدداً بالزر الأيمن 
ا 

)8e716۲(‏ هذه الأداة فريدة من نوعها في رسم الخطوط المنحنية 
والمستقيمة» مع ملاحظة الوقت المناسب للضغط على الزر 
الأيمن للماوس والوقت المناسب لعدم الضغط. 
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)Atistic Medi2(‏ تقوم هذه الأداة برسم خطوط مستقيمة 
ومنحنية تابعة لمكتبة تأثيرات (i2لN‏ ء1اء٤A۲)‏ التي تستطيع 
الحصول عليها من قائمة: Effect 2> Artistic ١16012‏ 
([1001 م26) تستخدم هذه الأداة الفريدة لرسم الخطوط المستقيمة 
والمنحنية وحتى الأشكال» ولكن يجب ملاحظة أنه لرسم شكل 
هندسي كامل (ماعدا الدائرة) يجب الضغط مرة بالماوس في كل 
زاوية من زوايا الشكل» ولرسم خطوط منحنية نضغط مرة بالماوس 
ونترك ثم نسحب ونضغط في النقطة الأخرى ثم نسحب مع 
E O a‏ 

(in8اP01y)‏ لهذه الأداة عدة وظائف منها رسم خط مستقيم» 
شكل هندسي» ووضيفتها الخاصة هي رسم شكل هندسي منتظم 
أو شكل غير هندسي من خلال قاعدة ومركزء حيث تصبح هذه 
الأداة مثل فرجار. 

(©010197) 20126 3) تستخدم هذه الأداة لرسم الخطوط المنحنية 
أنها + #اخدا. 


)1nteractive Connector)‏ ترسم هذه الأداة الخطوط 
المستقيمة وتقوم بوصل زوايا الأشكال. 


(1212625100) هذه الأداة مميزة في الرسم الهندسي وتحديد 
قياسات الأضلاع» حيث تقوم برسم الخطوط المستقيمة والزوايا 
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أداة رسم الدائرة (ع5م18111). 


(56م8111 غ010 3) لرسم دائرة بواسطة أسلوب الثلاث نقاط. 
أداة رسم الشكل المضلع (2013802) حيث تستطيع اختيار عدد 
الأضلاع في القائمة التي تظهر عند اختيار هذه الأداة. 

(67م823 طمها6G)‏ لرسم مخطط بياني مكون من عدد من 
المربعات الأفقية والعمودية. 

([1181م5) لرسم خط حلزوني. 

)Basic Shapes(‏ تحتوي هذه الأداة على عدد من الأشكال 
الجاهزة التي يمكنك إدراجها في التصميم واستعمالها كما هي أو 
(5ئShape‏ 41018) منها يمكنك اختيار أشكال الأسهم. 
Shapes(‏ wchartا۴)‏ منها يمكنك اختيار الأشكال الخاصة 
بالجداول البيانية. 

)St 515365(‏ لرسم النجمةء مع إمكانية اختيار عدد 
الأضلاع» أو نجمة جاهزة في القائمة التي تظهر عند اختيار هذه 
الأداة. 

(5236©5 0211006)) لاختيار أشكال متعددة خاصة بالكلام 


أداة الكتابة ()162). 


)[nteractive Transparency)‏ وهي اداة مفيدة جدا في 


إحداث الشفافية للتصميم أو لبعض أجزاءه. 
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)]nteractive Blend)‏ أداة التدرج اللوني ما بين شكلين من 
)]nteractive cont01(‏ وهي أداة تدرج الخط الخارجي لشكل 
معين باتجاه المركز. 

)[nteractive Distortion)‏ اداة تحویر الشکل. 

)]nteractive Envelope)‏ أداة تحوير الأشكال المنتظمة إلى 
)nteractive Extrude)‏ اداة صنع بعد ثالث للشكل. 
)nteractive Drop Shadow)‏ أداة عمل الظل للأشكال أو 
النصوص. 


(61مم00ع:83) أداة القطارة لاختيار الألوان. 


(Paintbucket)‏ وهي تستعمل لتعبئة شكل ما أو حدود خارجية 
لشكل معين مباشرةً بعد عملية اختيار اللون بواسطة القطارة. 


(010112) للتحكم في حجم ونوع الخطوط الخارجية التي تحد 
الأفكان أن التجووكحن: 

(ع121310 +0010 ع001106) باختيار هذه الأداة سيظهر مربع 
الحوار الخاص باختيار اللون المناسب للخط الخارجي. 

Docker Window (‏ orاo€)‏ وباختیار هذہ الأداۃ سیفتح مربع 
الحوار الخاص بنظام ألوان (20317712) لتختار النسبة المئوية 
لكل لون حتى يظهر لك اللون النهائي المناسب للخط الخارجي. 


أداة التعبئة (۴111). 
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(ع101210 00101 1111) باختيار هذه الأداة سيظهر مربع الحوار 
(ع1012310 )۴untain Fill‏ باختيار هذه الأداة سيظهر مربع 
الحوار الخاص باختيار اللون المناسب لتعبئة الشكل عن طريق 
التعبئة المتدرجة بجميع أنواعها ( ,0021281 ,1020181 ,5ة106آ 
501316 ). 

(ع101210 1111 )Pattern‏ باختیار هذہ الأداۃ سیظھر مربع 
الحوار الخاص باختيار الزخارف والنقوش الجاهزة الموجودة في 
كه النونامتع ق ع 

)٣exture Fill Dialo2)‏ باختیار ھذہ الأداۃة سیظھر مربع 
الحوار الخاص باختيار الخلفيات والملامس الموجودة في مكتبة 
ا ا ا 

)Pstscript Fill Dialo8)‏ باختيار هذه الأداة سيظهر مربع 
0 ا 2 1 2 202 0525 
(5)م205]5011) الموجودة في مكتبة البرنامج لاستخدامها في 
(1111 810) لإلغاء عملية التعبئة. 


Docker Window)‏ orاo€)‏ باختیار هذہ الأداۃ سیفتح مربع 
الحوار الخاص بنظام ألوان (20319712) لتختار النسبة المئوية 
لكل لون حتى يظهر لك اللون النهائي المناسب لتعبئة الشكل. 


)1nteractive F¡11(‏ تجمع هذه الأداة في عملها جميع أساليب 
تعبئة الأشكال السابقة. 


)1nteractive Mesh F11)‏ تقوم هذه الأداة بتقسيم الشكل إلى 
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منحنيات ومن ثم يمكنها أن تتحكم في مسار هذه المنحنيات 


لتشكيل أشكاك جديدة من الشكل الأصلى. 





قوائم كورل درو: 


أولاً: قائمة ملف (»15116): 


لفتح ملف من خلال قالب تصميمي جاهز مخزن في New From‏ 
Template 575700‏ 
لفتح ملف قابل للفتح بواسطة البرنامج مثل ( ,لك ,01015 

(EPS, DWG 


لإغلاق التصميم ويقوم البرنامج كغيره من البرامج الأخرى C1‏ 
OSC‏ 
بالسؤال عن حفظ اخر التغيرات أم لا. 


مر احخظ واتخزين 


Open 


مح د لواحا صر اس جين على ليد 

آخر من التنسيقات التي يدعمها كورل درو مثل ( ,1015© Save As‏ 
(PAT, CDT, AI, DWG, CMXK‏ 

هذا الأمر يشبه الأمر الموجود في برنامج فوتوشوب» حيث 

يقوم بالعودة إلى أحدث نسخة محفوظة إذا قمت بتغييرات Revert‏ 
على الملف ولم تحفظها وترغب بالعودة. 


يسمح هذا الأمر بإدراج صورة من الماسح الضوئي أو 


Acquire Image 00 | 
.)10151621 )022012( الكاميرا الرقمية‎ 


ر ن ی کی ٠‏ ی ی 
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(Open yd ly‏ ا 


تماما مثل أوامر الاستيراد يقوم هذا الأمر بتصدير الملفات 
إلى 0 بقات ختافة با » ام برمجيات. 


يقوم هذا الأمر في إرسال نسخة من التصميم إلى مكان 
معين في الكمبيوتر أو تحضيره ليتم إرساله عبر البريد Send To‏ 
الإلكتروني. 


ترس ]| جمس 


عند اختيار هذا الأمر سيظهر لك مربع الحوار الخاص 

بخصائص الطباعة والطابعة الموصولة لدى جهاز Print Preview‏ 

عند اختيار هذا الأمر سيظهر لك مربع الحوار الخاص ْ 
Print Setup‏ 


Export 


هذا الأمر خاص بتحضير التصميم للاستعمال سواءً على 
الانترنت أو ليكون مطبوعاء حيث يحفظ 3 أنواع من 
الملفات في الملف الخاص بالتصميم (ملف التصميم Prepare for‏ 
ويكون على تنسيق »)C5R(‏ نسخة من التصميم على Service Bureau‏ 
تنسيق (21817)» وملف كتابي (1×1) يحتوي على 


معلومات التصميم مثل قياس الصفحة»ء إسم الملف..) 
Publish To The‏ 
Web‏ 


يقوم هذا الأمر بتحويل نسخة من التصميم إلى تنسيق 
حيث يحتفظ هذا النسق بجميع الألوان ويحافظ على جودة 
الضور ».. 

باختيار هذا الأمر سيظهر لك مربع الحوار الخاص بكل Document Info ١‏ 


Publish To PDF 
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المعلومات الخاصة بالتصميم» مع إمكانية طباعة تلك 


المعلومات. 


ثانياً: قائمة تحرير (]1:01): 


أمر التراجع عن خطوة ما إذا شعرت بأنك أخطأت فيهاء 
ويتميز كورل درة بقدرته على التراجع عدة خطوات إلى 
الوراء. 

بعكس الأمر السابق» حيث يمكنك إعادة خطوة ما كنت قد 
نفات أمر (7200]) عليها. 

يقوم هذا الأمر بتكرار آخر خطوة قمت بعملها. 

يقوم هذا الأمر بقص وازالة الجزء المحدد من الصورة ويقوم 
بحفظ هذا الجزء في الذاكرة. 

يقوم هذا الأمر بنسخ الجزء المحدد والاحتفاظ به في الذاكرة. 
يلصق هذا الأمر ما تم حفظه في الذاكرة من خلال الأمرين 
)€ut or Paste)‏ في موقع جديد من الصورة نفسها أو 


هذا الأمر فريد من نوعه في برنامج كورل درو حيث يقوم 
بلصق أي شيء قمت بنسخه من خارج البرنامج حيث يطلب 
منك عند لصقه داخل البرنامج من خلال مربع حوار أن 
تختار الهيئة الذي تريد لصقه وهذه الهيئات هبني 
Microsoft Word Document, Picture )‏ 
"Metafile", Rich Text Format, Text, Picture‏ 
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Paste 
506611 





("Enhanced Metafile 


هذا الأمر مخصص لإدخال الرموز الموجودة في مكتبة 
الرموز التابعة للبرنامج .(Symbols Library)‏ 
يقوم هذا الأمر بعمل نسخة إضافية من الشكل ولصقه 
مباشرة في التصميم. 

تعمل هذا الأمر نن ,طركة .لامر السائق>ولكة الشسكة 
الجديدة من الكائن الرسومي تحتفظ بتبعيتها للأصل فإجراء 
أي تغير على الأصل ينفذ على الجسم المستنسخ بهذا الأمر 
مثل تغير التعبئة أو الحكم أو الحدود أو الموضع. 

يقوم هذا الأمر بنسخ جميع خصائص شكل معين موجود 
على مساحة العمل ليتم نسخها وتنفيذها على شكل آخر. 


يعمل هذا الأمر على إيجاد العناصر والأشكال والنصوص 
في مساحة العمل» وهو مفيد في حالة أن شكلاً ما ملون 
بلون ابيض لا يمكن رؤيته» عندها فإن هذا الأمر سيقوم 
بالبحث عن هذا الشكل وسيقوم بتحديده وامكانية تبديله مع 
عنصر آخر. 

يستعمل هذا الأمر في تصميمات الويب» ويقوم بإدخال 
عنصر من عناصر الانترنت على مساحة العمل مثل 
الأزرارء والجافاء والقوائم. 

تحتوي كافة التصميمات الخاصة بالمنتجات التسويقية سواء 
كانت مواد غذائية أو أجهزة كهربائية أو كمبيوتر على 
شريحة بيضاء عليها خطوط سوداء تعرف باسم البار كود 
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Symbol 


Copy 
Properties 
From 


Select All 


Find And 
Replace 


Inset 
Internet 
Object 


Insert 
Barcode 





المستخدمة من خلال استخدام قارئ ليزر لقراءة هذه 
حسب النظام الذي تريده من خلال خيارات عديدة يوفرها لك 


المعالج. 
يوفر لك هذا الأمر إدخال عدة عناصر على التصميم مثل 
(تصميم على تنسيق برنامج إللیستریتر "۸" تصميم هلى 
هيئة تنسيق الفوتوشوب "۶59(2 تصميم على هيئة تنسيق 
فلاش 5۷۴" فيديو كليب» صفحة من برنامج وورد...). 
يعتمد هذا الأمر على سابقه» فعند إدخال أي عنصر فإن 
هذا الأمر سيقوم بتعديل (]1:01) هذا العنصر. 

يكون هذا الأمر فعال فقط إذا ما اخترت في مربع الحوار 
)Paste Specia1(‏ السابق میزة (>101آ 35 ع]35)» وعند 
اختيارك هذا الأمر سيقوم البرنامج بفتح مربع حوار جديد 
بتحرير العنصرء وهو كما في إلليستريتر يكون مرتبط مع 
مكانه الأصلي في جهاز الكمبيوتر. 


ثالثا: قائمة عرض (171687): 


لا يمكنك رؤية تأثيرات التعبئة أو تأثيرات ( ,17:2]1051005 


Contour Lines‏ ,endاB)»‏ الصور في هذا العرض 
تظهر أحادية اللون (درجات الرمادي). 
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Insert New 
Object 





Sımple 
Wıreframe 


الأمر الخاص بعرض التصميم في نطاق تخطيطيء حيث 

لا يمكنك رؤية تأثيرات التعبئة» وإنما يمكنك رؤية تأثيراء” [ْ 
Wıreframe‏ 

»)Extrusions, Blend, Contour Lines)‏ الصور في 

هذا العرض تظهر أحادية اللون (درجات الرمادي). 

الأمر الخاص بعرض التصميم في نطاق كامل لكن بصورة 0 

ra 
منخفضة الجودة.‎ 


الأمر الخاص بعرض التصميم في نطاق كامل لكن بصورة 
Normal‏ 
متو سطة الجودة. 


الأمر الخاص بعرض التصميم في نطاق كامل لكن بصورة 0 
عالية الجودة. 

ا Full Screen ٠‏ 
عرض التصميم على كامل شاشة الكمييوتر 


يقوم هذا الأمر بعرض الشكل المحدد فقط على كامل 
شاشة الكمبيوترء ولکن یجب اختیار ( /2161/165 
0017 5616060) بعدها لتتم عملية العرض. 

يوفر هذا الأمر إمكانية عرض التصميم إذا كان يحتوي 
على أكثر من صفحة»ء ويقوم بترتيب هذه الصفحات في Page Sorter‏ 


Preview 
Selected Only 


نافذة جديدة» لإلغاء هذا النظام يجب اختياره مرة أخرى من View‏ 


القائمة. 


SEES 
لظار أ إخاءالخطوط الإرائ.‎ 


بوذن ها الاير غر خف عار خا اة 
الصفحة "801061 ع18238".؛ حدود قص الشكل "0ع»2"816 
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المساحة الفعلية للطباعة "وعم ع1" 


1] " 0ع112م0767": واطارات النصوص‎ Objects! 


.( "Frames 
يقوم هذا الأمر بتفعيل ما يسمى ب (190110761) وهي‎ 
خاصية إضافة تأثيرات (0761 مءءM0u) على الأشكال‎ 

المخصصة لعرضها على الانترنت. 

يتيح هذا الأمر تشغيل خاصية تمغنط وانجذاب الأشكال 
نحو الخطوط التي تتكون منها الشبكة البيانية (6110). 
يتيح هذا الأمر تشغيل خاصية تمغنط وانجذاب الأشكال 
نحو الخطوط الإرشادية (112©5ع61110). 

يتيح هذا الأمر تشغيل خاصية تمغنط وانجذاب الأشكال 
نحو العناصر والأشكال القريبة منها. 

باختيارك هذا الأمر سيظهر لك مربع الحوار الخاص 
بخصائص (0165؟1 ع5 01105))» وهي قياسات يمكنك من 
ل تست الا ف ااك 

باختيارك هذا الأمر سيظهر لك مربع الحوار الخاص 
بخصائص (01110611265)؛: مثل ألوانها وخاصية انجذاب 
العناصر نحوها.. 

باختيارك هذا الأمر سيظهر لك مربع الحوار الخاص 
بخصائص ظاهرة التمغنط بالنسبة للأشكال القريبة منها. 


رابعاً: قائمة النسق (1.230110): 


Enable 
Rollover 


Snap To Grid 


Snap To 
) 65 


Snap To 
Objects 


Grid And 
Ruler Setup 


Guidelines 
Setup 


Snap To 
Objects Setup 
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يقوم هذا الأمر بإزالة صفحة معينة. Delete Page‏ 


يقوم هذا الأمر بتغيير إسم صفحة معينة. Rename Page‏ 
للانتقال بين الصفحات وتحديد الصفحة المطلوبة. Go To Page‏ 
يقوم هذا الأمر بالتحويل مابين اتجاه الصفحة العمودي Switch Page‏ 


Orientation .(Landscape) „قتفîJ و‎ (Portrait) 


باختيارك هذا الأمر سيظهر مربع الحوار الخاص 


Page Setup TOT 


Page 
Background 





خامسا: قائمة الترتیب والتنظیم (©41:121386): 


يحتوي هذا الأمر على جميع أنواع التحكم في حجم وزوايا Transformati‏ 
الشكل وموقعه.. ons‏ 


Clear 


لإلغاء اي من انواع الترانسفورم السابقة. Transformations‏ 


هذا الأمر مهم جداً في عملية توسيط العناصر بالنسبة 
للصفحة من جهة وبالنسبة لغيرها من العناصر الموجودة في 
التصميم من جهة أخرى. 


Align And 
Dıstr1bute 


يتفرع من هذا الأمر عدة أوامر فرعية خاصة بتحديد مكان 
الشكل بالنسبة لشكل آخر (خلفه أو أمامه). 

أ يف امي بي كل تمجرت 
امن كاد كار من تكل .حبك E‏ 


Order 
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خصائص الشكل الأصلي من حيث التعبئة (۴111) والحدود 
الخارجية (011111265): ويكون الشكل الجديد عبارة عن 
شكل قابل لتطبيق الانحناءات عليه (010115©5). 


والأشكال التي تمت بعد تنفيذ عملية (ع12طد20) عليهاء 
والتانية تفكيك النصوص إلى وحدات» حيث تصبح الجملة Break Apart‏ 


عبارة عن كلمات فردية وبتطبيق مزيد من هذا الأمر على 
ا لے حرف 


هذا الأمر يستعمل لقفل شكل معين ليكون غير قابل 
مواصلة العمل على باقي العناصر بحرية أكثر. 


Unlock NT 
Object أمر فك القفل على شكل معين.‎ 
Unlock All ۴ yT 


هذا الأمر يحتوي على الأوامر الفرعية الخاصة بتحوير 595 
aping‏ 
رات السناصدر مكل الدمص وان 


يقوم هذا الأمر بتحويل الشكل إلى شكل قابل للتحوير وانتاج Convert To‏ 
منحنبات منه. Curves‏ 


Outline To 
Object للتكوين.‎ 


يوفر هذا الأمر إمكانية إغلاق المسار بتقنيات متعددة. Close Path‏ 





سادساً: قائمة تأثيرات (5اء»]17): 


313 


يحتوي هذا الأمر على عدة أمزامر فرعية خاصة بتأثيرات 
الألوان مثل ( Hue/Saturation, Gamma,‏ 
.1 ,ؤوعماطع811). 


هذا الأمر ليس للتحكم في أبعاد الشكل» وانما للتحكم في 

بعض المؤثرات الخاصة بألوان الشكل» مع ملاحظة أن 

بعض الأوامر الفرعية لا تكون فعالة إلا عندما نحول Transform‏ 
الشكل إلى صورة (م816002) من قائمة 2 Bitmaps‏ 

.Convert To Bitmap 


يقوم هذا الأمر بتنظيف الصور من نوع (8115030) من 
Correction 5‏ 
الغبار والنتوش. 


باختیار هذا الأمر ستظهر liفذة (Artistic Media)‏ 
التي تحتوي على العديد من النماذج الخاصة بالخطوط Artistic Media‏ 
الفنية. 


باختيار هذا الأمر سيظهر مربع الحوار الخاص e‏ 

en 
باختيار هذا الأمر سيظهر مربع الحوار الخاص‎ 

Contour 9‏ 
بخصائص تأثير (00260111)). 
باختيار هذا الأمر سيظهر مربع الحوار الخاص 

Envelope ۴‏ 
بخصائص تأثير (عم10ع105). 
باختيار هذا الأمر سيظهر مربع الحوار الخاص 

Extrude ۴‏ 
بخصائص تأثير (ع1:210). 
هذا الأمر فريد من نوعه بما يقدمه من تأثيرات متعددة 

Lens 

وجميلة. 


لتكوين بعد ثالث لشكل تنائي الأبعاد. Add Perspective‏ 
يوفر هذا الأمر إمكانية إدخال صورة معينة داخل شكل»› PowerClip‏ 
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فإذا كان لديك صورة مربعة فإنك باستخدام هذا الشكل 
تستطيع إدخال هذه الصورة في شكل دائري. 
هذا الأمر مخصص للرسومات المستعملة على شبكة 
Rollover‏ 
الانترنت. 


يقوم هذا الأمر بإلغاء أي تأثير تم على أحد الأشكال. Clear Effect‏ 


يقوم هذا الأمر بنسخ أي تأثير تم على أحد الأشكال 
ونسخ التأثير ليتم تنفيذه على شكل آخر موجود على Copy Effect‏ 
مساحة العمل مباشرةت. 
نفس الأمر السابق مع ملاحظة الاختلاف الذي ذكرناه 

Clone Effect 
.)٥°10"ع( سابقا بين (yم€0) و‎ 


سابعاً: قائمة الصور (55102275): 





لا تختلف كثرا عن تلك التي في الفوتوشوب والليستريترء ولكن لا يمكن تنفيذ 
أي من هذه التأثيرات قبل تحويل الشكل إلى صورة (م811502) لأنه بالأصل يكون 
عبارة عن (01]عع17). 
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| Bitmaps lex Tools Window Help 


بن مقطا bo‏ انزع ترد 
Bitmap...‏ لك 1 - 
arap FEMA‏ م 
E Irace Bitmap...‏ 7 
RHesarnplE...‏ 5 
Made ۴‏ 
ع Inflate Bitmap‏ 


Bitrnap Lolor Mask... 


Resolve Link‏ ع 
pake fram LIME‏ ل 


30 Effects 

ûrt Strokes 

Blur 

_aMmEr3 

olor Transfarrî 
الات اتا‎ 
l= 

BEng 


ET a ay yr 





Moise 
sharpen ۴ ا‎ 
Plug-Ins 2 يس‎ | Pixelakte,., 


| 5 

Tilê... 

| wet Paint... 
Whirlponl,.. 
Wid... 





وتتم تلك العملية من خلال الأمر الموجود في نفس القائمة ( 0 0516© 
8103)» ثم سيطلب البرنامج اختيار نظام الألوان التي تفضل أن تكون عليه 
الصورة كما في الشكل التالي: 
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x 
Lala: Crk Color [32-bit ¥ 


Resolution: 200 dpi 35 

NE 2 Larcel ظ‎ 
|) Anti-aliasing 
EEE Help ظ‎ 


| Transparent Background 
lw Apply ICC Profile 
Projected uncornpreszzed fle zlze: 4.331,72 bytes 





سابعا: قائمة النصوص (120): 
يقوم هذا الأمر بفتح مربع الحوار الخاص بالنصوص 
لعمل التغيير والتعديل عليها من ناحية نوع الخط Format Text‏ 
حجمه» الفقرات والأعمدة» وبعض التأثيرات الأخرى. 
يقوم هذا الأمر أيضاً بفتح مربع حوار خاص بنوع الخطء 
EYL‏ 
خارجي. 


ا Insert‏ 
لنخال وحدات خاصة إل النص مق (5:000015) 


يقوم هذا الأمر بجعل النص الكتابي يحاذي شكلا معيناً ]1 
Path‏ 


مثل دائرة أو مربع. 
يسمح هذا الأمر للنصوص الكتابية الموجودة داخل إطار Fit Text To‏ 
لتكون ممتدة لملائمة حدود الإطار وتعبئه بالكامل. Frame‏ 


Align To 
Stra1ghten Text لمزيد من استقامة النصوص.‎ 
Writing Tools يوفر هذا الأمر عدة خدمات مثل تحديد اللغةء التأكد من‎ 
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قواعد اللغة» وغيرها... 


للتحويل ما بين حالة الأحرف (الأحرف الصغيرة 


والكبيرة). 

يقوم هذا الأمر بجعل النص ملائماً لعرضه على 
الانترنت. 

يقوم هذا الأمر بتحويل النص الحر (ليس موجود ضمن 
إطار )'۴٣۵ ٣۳۴"‏ إلى نص ضمن إطار. 

يعرض هذا الأمر الإحصائيات الخاصة بالنص الكتابي 
المستخدم في التصميم مثل عدد الأحرف في النص» 
عدد الفقرات» عدد الأسطر ...الخ. 

ار ها لامر تضكر هن ها هة اوخوت 
والأجزاء الموجودة ضمن النص والتي لا يمكن طباعتها. 
هذا الأمر مفيد في حالة ربط صندوق النصوص 
ببعضها البعض» فإذا كان هناك صندوق نص معين 
يمكنك رسم صندوق نص آخر بجانبه وثم اختيار هذا 
الأمرء والسحب ابتداءً من المربع الصغير الذي يظهر 
في أسفل صندوق الكتابة باتجاه صندوق الكتابة الآخر. 

لإلغاء الأمر السابق. 


ويتبقى من القوائم مايلي: 


Change Case 


Make text Web 
Compatible 


65> اه 1 


Show Non- 
Printing 
Characters 





- قائمة الأدوات (10015): وفيها نستطيع التحكم في كثير من 
خصائص البرنامج مثل: الألوان» النماذج الجاهزةء التنسيقات وغيرها... 

- قائمة نافذة (91/120015): وهي لإظهار نوافذ البرنامج أو إخفائهاء 
بالإضافة إلى وجود خيار (7112001 ءءء )۸R‏ الذي يفيد في حالة إصابة 
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البرنامج بإرهاق أو بطء في تحميل الملفات بسبب الأشكال الكثيرة أو ذات 
الحجم الكبيرء فهذا الأمر ينعش ذاكرة البرنامج من جديد. 


تشغيل البرنامج: 


لتشغيل برنامج كورل درو اضغط على قائمة ابدأ (54336) في نافذة ويندوز 
ومن قائمة البرامج ستجد مجموعة (]01ا5 1105م0123 00161) اختر منها زر 
تشغيل برنامج (1[21145177ءع001)). 


Start 2 Programs 2 Corel Graphics Suit 2 CorelDRAW 


عندها سيقوم الكمبيوتر بتحميل البرنامج» ويتميز هذا البرنامج عن الفوتوشوب 
والليستريتر بسرعة التحميل والفتح. سيظهر لك مربع حوار كما في الشكل التالي: 


0 تراد تررس‎ TL 





Open Graphic 


3 


Template LorelTUTOR YWYhat's New? 





Llick a graphic to begin... 


: لامع . محرو اكع ل . باتيايانايا‎ 
(f Jshow this Welcome Screen at startup 9 
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اختر (ع11م178© 72167) إذا كنت ترغب في البدء بتصميم جديدء أما الأمر 
Edited)‏ 0ه]25آ معم0) فإنه سيفتح لك آخر ملف تم تعديله؛ والأمر ( ع م© 
©1طم012) سيفتح لك ملف تقوم أنت باختياره على شرط أن يكون على هيئة 


تنسيق مسموح فتحه عن طريق الأمر (0602) في برنامج كورل درو. 


الأمر (ع131م16170) يقوم بفتح تصميم جاهز ليس عليك سوى ان تقوم ببعض 
مرتبط بشبكة الانترنت تستطيع اختيار (001611171019)» وأخيراً هناك الأمر 
(21639 111235) الذي يعرض من خلاله على آخر التطورات التي أدخلتها 
شركة كورل على البرنامج. 


سيظهر لك مربع الحوار السابق في كل مرة تقوم بتشغيل البرنامج» لكن المربع 
الصغير الموجود على الزاوية السفلية اليسرى لمربع الحوار تمكنك من اختيار أن لا 
يظهر مربع الحوار مرة أخرى عند التشغيل. 


فتح ملف في كورل درو: 


يقوم كورل درو فتح جميع الملفات التي تتلائم معه والتي هي في مجملها عبارة 
عن صور من نوع (1760]015) مثل: ,78/8117 ,855 ,آى ,21© ,1م 
EMF, PDF, PCT...‏ 

ولكنه لا يستطيع فتح JPEG, GIF, BMP, TIF, TXT, RTF...‏ لذلك 
فإن البرنامج يستعيض عن الأمر (0862) بأمر آخر هو أمر الاستيراد 
(01م120) الذي يفتح جميع الملفات. من خلال مربع حوار (15710011) حدد 
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ا د ف الصيون ا ع ان ا تا ا و اور 
المعروضة في نافدذة مربع الحوار» ثم اضغط غل الزر .(Import)‏ 





1 ا 
HE‏ نسم ط ب My Pictures‏ لض Look in:‏ 
Lancel‏ م 
grue HE 0‏ 
Windows™‏ 
ص WinXP‏ 
براك بنع ]| ني 3 اك Filê narmE:‏ 
File Forriats ¥ Full Image ¥‏ اث أ Files of Hype:‏ 
aol Hype: Default ¥‏ 


على ورقة العمل استخدم المؤشر لرسم أبعاد الصورة لتحديد حجم الصورة أو 
الضغط مرة على ورقة العمل بمؤشر الماوس لتوضع الصورة على الورقة بحجمها 
الطبيعي. مع العلم يمكنك تكبير الصورة أو تصغيرها من خلال مربعات التحديد.. 


ومط .4 |-تط| 3١‏ 
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كورل درو يوفر كافة القياسات المطلوبة للصفحة واتجاهها ونوعها مباشرة بعد 
فتح ملف جديد أو ملف قديم» والشكل التالي يوضح أهم خصائص الصفحة 
(12/0104) التي سيتم عليها التصميم: 


ارتفاع e‏ فرش ااا 
Alii‏ 5 44 2 





IM 2970 mF * 






اتجاه الصفحة نوع || 4 


ويجدر بنا ملاحظة أن برنامج كورل درو برنامج قوي للإخراج الفني للصحف 
والمجلات والكتالوجات فإنه يتميز بمقدرته على إدخال أكثر من صفحة في نفس 
الملف. 





ترق ات اام 


نوافذ كورل درو: 
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أولاً: نافذة خصائص الشكل (5ع1]16ع م20 اىء ز01©): 


تظهر قائمة (6©11165م210) عن طريق تحديد الشكل ثم الضغط عليه بكبسة 
الماوس اليمنى واختيارها من القائمة. وتتضمن هذه القائمة المهمة 6 نوافذ فرعية 
تتحكم في خصائص الشكل المراد تعديله أو العمل عليه؛ وقد قمت بتقسيم هذه 
النوافذ الفرعية كالآتي: 


(1) خصائص التعبئة: وهذه النافذة الفرعية تتحكم في لون الشكل وطريقة 
تعبئته» حيث تلاحظ قائمة الألوان المدرجةء أما أنواع التعبئة فهي 5 أنواع کا 


- التعبئة العادية (011012[]). 

- التعبئة المتدرجة (1*0112]210). 

- التعبئة باستخدام نموذج هندسي جاهز (10ع]2236). 
- التعبئة باستخدام تأثير ملمس معين (1©:2)156). 


- التعبئة باستعمال أحد التأثيرات الموجودة في ملحق البرنامج (14م171ع0565). 
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للع 100 


1 |8 يه كس | | <١‏ 





(2) خصائص الخط الخارجي للشكل: تتحكم هذه النافذة في سمك ولون ونوع 
الخط الخارجي للشكل وذلك من خلال: (ء1ر†؟S‏ ,اه٣ »)Width,‏ أما الأمرين 
الباقيين فمهمتهما كالاتي: 
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Object Properties _ E ا اخ‎ 


4 Q4 mlm | اس‎ 








width: 


E 2 
Color: _ - 
Style: لسلسم‎ - 
ES 


5 5 


| Behind fill 
| Scale with inaqê 








- 861201111 : يقوم بجعل الخط الخارجي من خلف الشكل وليس 
من أمامهء وهذا مفيد في حالة استخدام الخطوط العربية في الطباعة فهي 
تظهر متكسرة إذا لم تستعمل هذا الأمر. 

ف 156 Scale wth‏ : في كاله أنك ترية: أن :تكيز التكل لأهقا 
فإنه من الواجب استخدام هذا الأمر حتى يبقى سمك الخط بنفس القياس التي 
اخترته للشكل الأصلي. 
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EE 


| Behind fill 
| Scale with image 


)| لا 


| fw Behind fill ذ‎ 


| Scale with image 





في الشكل التالي تجد بعضاً من الخصائص العامة للشكل مثل خصائص 


تداخل الشكل مع الكتابة أو أسلوب الشكل... 









Selection: 1 Ubjects Selected 
Layer: Layer Î 
Type: Rectangle 


rap paragraph tent: 
| E Hone < 


VER Wrap OSE 

| عد‎ i 
Style: 

Lefault araphic *‏ لكا 
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ثانيا: نافذة تحوير الشكل :(Transformation)‏ 
(1) نافذة الموقع (10516100): 


اعداع 
اك داه ب 
ص اعم 

0 اہ ¥0 








تتحكم في موقع الشكل من خلال المقطع العمودي (17611031) والأفقي 
([11011202121)» وتقاس بالميلميتر. 


(2) نافذة التدوير (150630100): 


ااه 
خا +e‏ 


Foatallan: 


Angle: U. م‎ deg 


Lenker; 


18332 شد‎ rir 


H: 
TE EIS م‎ rrr 
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تتحكم في درجة تدوير الشكل (15013102) من خلال درجة الزاوية (4286[1) 
والمقطع العمودي (21ع76101؟) والأفقي (11011200681). 


(3) نافذة عكس الشكل (0/111101): 


لالت 





5 :عادح‎ Mirror: 


ظ == | ڪت 100.0 H:‏ 
| ل 7 حت 010 





هذه النافذة تقوم بقلب الشكل أفقياً أو عمودياً مع أمكانية تكبيره (50216) بنسبة 
)4( نافذة الحجم :)Size)‏ 
ا× اه EET‏ 


ا 





> 


Ize: 


کے 32.308 H:‏ 
کے 3286| :¥ 
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هذه النافدذة تتحكم في حجم الشكل (512). 
(5) نافذة الانحراف (wعSk؟):‏ 


Transformation اخ‎ =| 
9 E 





ممع وعل س 4:20 
degrees‏ ا 20 ق 





لتحكد هذه النافذة 5 درجة انحراف الشكل وميلانه .(Skew)‏ 


ثالثاً: نوافذ التوسيط وllتgıjg :)Align & Distribute)‏ 


(1) نافذة التوسيط (41150): 
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Align and Distribute × 


4l Distribute | 





2 9 ج‎ 
| Left j# Lenker | Right 
To 
د حاواات م« إل‎ 
| Edge of page 
Bê | Center 


| Center of page 
0 | 2 مصخامظ‎ | Align to grid 





تحكم هذه النافذة في توسيط العناصر بالنسبة لموقعها من الصفحة. 


(2) نافذة التوزيع (ع]1015]11511): 


Align and Distribute ا‎ 


Align Uistrlbute 


1 3 3 م 


| Leff | Center | Spacing | Fight 







To 

ما Distribute‏ ا 
Center i* Extent of selection‏ | 1ح 
Spacing i ` Extent of page‏ | + 
Battom‏ ]| عل 





تتحكم هذه النافذة في توزيع العناصر على مساحة العمل. 
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رابعا: نافذة تحوير الأشكال (128م512): 


تحتوي هذه النافذة على ستة أوامر خاصة بالتشكيل والتحوير وهي كالآتي: 


AE‏ _ومامهطك 


| Trim ¥ 
Hn 
Intersect! 


]الماك 
Front Minus Back.‏ 
Back Minus Front‏ 





Leaye Urialnal: 


lw Source Dbjectls] 
| Target Dbjectls] 


Trimm | 





(1) لحم الأجسام (لWe1):‏ 


تستخدم عملية لحم الأجسام في دمج المسارات الخارجية للأجسام مع نقاط 
تقاطعها مع أجسام أخرى. وهذه العملية تنفذ عندما تكون الأجسام متراكبة على 
بعضها البعض. وبعد تنفيذ عملية اللحم تصبح الأجسام بلون واحد هو الجسم 
الذي نطبق عليه أمر اللحام. 


عند استدعاء أمر لحم الأجسام من قائمة ۸۲۲۵۸28٩‏ تحت أمر Shaping‏ أي 
تشكيل فإن لوحة حوار جانبية تفتح وتحتوي على كافة خيارات التشكيل في أعلى 
اللي وون ا اد ا يفال العمل 
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لتنفيذ أمر اللحام على جسمين أو أكثر قم بتحديد الجسم الأول ثم اضغط على 
الزر 10 7786101 وهو لن يكون متاحا للاستخدام إذا لم يكن هناك جسم محدداأء 
سيطلب منك البرنامج تحديد الجسم المراد الالتحام به من خلال مؤشر الماوس 
اضغط على الجسم الثاني فتحصل على الفور جسم واحد له شكل الجسمين وقد 


ملاحظة: يمكنك الاحتفاظ بالأصل للجسمين فبل الالتحام من خلال تحديد 
llخilتيj (Source Object)‏ و (أعع[00 أعونة 1). 


اضغط على الزر (7610 | والنجمة بلون واحد. اضغط على الزر 


)0٥‏ اضغط بمؤشر (70 )We14‏ اضغط 
الماوس عل الدائرة الأولى بمؤشر الماوس کا 
وكرر على الدائرة الثانية اأنجمة. 

وسيص بح الجميع بلون 


الدائرة. 
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تطبيق أمر التشكيل باللحام على النصوص العربية: 


سبق وأن قمنا بالكتابة بالأحرف العربية ووجدنا عند تعبئتها بألوان مختلفة أن 
الأحرف تحتوي على حدود منفصلة عند تعبئتها بألوان تختلف عن لون الحدود. 
كما أن هناك مشكلة تبرز عند نقل الملف من جهاز كمبيوتر إلى جهاز أخر قد لا 
يحتوي على نفس النمط من الخطوط 10265 ولهذا يلجأ المصممون في مثل هذه 
الحالات بتحويل النص العربي (والإنجليزي) إلى شكل رسومي باستخدام أداة اللحام 
ويتحول الخط العربي إلى كائن رسومي لا يتأثر بنوع الخطوط على الجهاز وتزول 
الحدود الداخلية للأحرف. 





ملاحظة: لا يمكنك بعد تطبيق أداة اللحام من تغير نمط الخط (8024) له لأنه 


أصبح صورهة. 


(2) قطع الجزء المشترك (11110): 


إن عملية حذف الجزء المشترك بين مجموعة من الأجسام تسمى 
٣٣8(‏ |1 1) فيها يتم حذف الجزء المشترك بين الأجسام المتراكبة» وبهذه 
الطريقة يمكنك إنشاء أجسام معقدة من أجسام بسيطة. 
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أمر القطع (15310) يعمل بنفس الطريقة التي يعمل بها الأمر السابق الالتحام 
ولكن هنا يقتطع الجزء المحدد من الجزء الذي تضغط عليه بواسطة مؤشر أمر 
القطع. مثلآاً إذا أردنا عمل تجويف دائري في مستطيل نقوم برسم المستطيل ثم 
الدائرة. وبوضع الدائرة على المستطيل وفي المكان الذي نريد قطعه من المستطيل. 


نحدد الدائرة أولآً ثم نضغط على زر (1530) في لوحة حوار التشكيل. اضغط 
بمؤشر القطع على المستطيل. 


حدد الدائرة ثم 
اضغط على زر 
.(Trim)‏ 





يمكنك باستخدام أمر القطع (1۲1۳) من حفر نص مكتوب على كائن رسومي. 


:)Intersect) مluجÎلا تقاط‎ )3( 


في هذه العملية يتم قطع الجزء المشترك بين عدة أجسام لتكون جسماً له شكل 
المنطقة المشتركة بين الجسمين المتراكبين. يجب أن تحدد الجزء الذي تريد أن 
تقطعه من الشكل بوضع الشكل الثاني عليه مع تحديده بمؤشر الماوس. 
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قم بالضغط على زر (71715 1216156©1) ومن ثم اضغط على الشكل الآخر. 
إذا لم تكن محدد أي من الخانتين في (01181021©ح 1.6376) فإن الجسمين 
سيختفيان وينتج الجسم الجديد. 





بهذا نكون قد شرحنا أهم 3 أوامر في نافذة التشكيل (ع1028م523) ويتبقى 3 
أوامر أخرى ليست بأهمية الأوامر السابقة وهي: 


رfنامصS‏ : وتقوم بعمل بسيط جداً وهو في حالة وجود شكلين 
فوق بعضهما البعض يقوم هذا الأمر بقص الشكل الخلفي بنفس المساحة 
التي يتقاطع معها مع الشكل الأمامي. 

Front Minus Back ®‏ : يقوم هذا الأمر بقص الشكل الأمامي 
بنفس المساحة المتقاطع معها مع الشكل الخلفي. 

Front Minus Front ®‏ : عكس الأمر السابق. 
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خاصية انسياب النص حول الصورة: 


يتمتع برنامج كورل درو بخاصية انسياب النص حول الصورة وهنا سوف نتعلم 


ع 


انيق. 


حدد الصور بأداة التحديد ثم اضغط على الزر 


لل 


: (Tex 


rapping Style: 
286 Hone 
Lantour 


Tet Flows Left 


E Straddle Tent 
5 ]تلاو‎ 
Tet Flows Left 
Test Flows Right 
straddle | ابرع‎ 
ûboye#B elo 


«| Î 9| 1# 


Test wrap offset: 


1.016 Ti 


UF. Lancel 


كيف نجعل النص ينساب حول الصورة مما يظهر تصميمك في شكل انسيابي 


Warp Paragraph ) 


ه من القائمة المنسدلة يمكنك التحكم في موقع الصورة بالنسبة 


للك 


„(Flows Right Text) اختر من القائمة الأمر‎ ٠ 
1×) wa٣p ( حدد قيمة البعد بين النص والصورة من خلال‎ ه٠‎ 


.(offset 


٠‏ حرك الصورة إلى اليمين ولاحظ انسياب النص حولها. 
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خاصية انسياب النص حول الصورة 
Select the object or text around which you‏ - 

want to wrap text. 

- Click Window Dockers / Palettes 

Properties. 

- Do one of 116 1: 

(Wındows) In the Object properties Docker 

window, click the General tab. 

(Mac OS) On the Object properties palette, 
choose General from the list box. 





- Choose a wrapping style from the Wrap 
paragraph text list box. 


to change the amount of space between wrapped text and the object or text, 
:1ın the Text wrap offset box. 


[ext tool, and drag to create a paragraph text frame over the object or text. 
ın the paragraph text frame. 


337 


الفصل الثالتن عشر 
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الفصل الثالث عشر: تصميم صفحات الانترنت 
تمهيد: 


الانترنت هي اختصار ل 11611011 1216112610121 وهي شبكة عالمية 
ضخمة من أجهزة الحاسوب المتصلة فيما بينها حول العالم» و تعتبر الآن من أهم 
وسائط الاتصال وتبادل المعلومات حيث يمكنك من خلالها تبادل العديد من أنواع 
البيانات مثل النصوص والصور التسجيلات الصوتية مقابل مبلغ زهيد من المال» 
ومن أهم تلك الخدمات التي توفرها الإنترنت: 


٠‏ البريد الإلكتروني 18-70331 : و هي أكثر الخدمات استخداماً في الإنترنت 
حيث يمكنك من خلالها تبادل الرسائل التي تحتوي مختلف البينات النصية 
و الصورية و الصوتية و غيرها. 

و الحا © نبو .لفك أصديخة هيذة:الكديية الأكثن برغا نين التنناب 
حيث تقوم بكتابة رسالة تعرض مباشرة عند الطرف الآخر ليرد عليها 
مباشرة و بنفس الطريقة. 

ه مجموعات الأخبار 1011© 7216178 : مجموعة من الأشخاص لهم نفس 
الهوايات و الأفكار يقومون بالتحاور فيما بينهم لتبادل المعلومات المختلفة. 

ه القوائم البريدية 1151 712311125 : و هي شكل آخر من أشكال مجموعات 
الأخبار .. 

٠‏ الاتصال عن بعد 161266 : خدمة تستطيع من خلالها الاتصال مع أي 
كمبيوتر موجود على شبكة الإنترنت. 

ه محركات البحث 1181265 56311 : و هي من الخدمات المتوفرة بقوة 
عبر الإنترنت و التي من خلالها تستطيع الحصول على المعلومة التي 
تريدها بعد وضع الكلمة المراد البحث عنها و من محركات البحث الشهيرة 
Google‏ و Yahoo‏ و 4113171563 و Ayna‏ و غيرها العديد. 
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ه خدمة نقل الملفات: حيث يمكن من خلال هذه الخدمة نقل الملفات من 
جهاز إلى آخر من خلال بروتوكول 7”12 و الذي يحتوي على مكتبة 
هائلة من البيانات. 


لمحة تاريخية عن الإنترنت: 


في عام 1957 : خلال الحرب الباردة بين الولايات المتحدة الأمريكية و روسيا 
قام الرئيسي الأمريكي في ذلك الوقت بإنشاء و كالة الأبحاث المتقدمة 
2124 التابعة لوزارة الدفاع الأمريكية » و خلال الستينات أرادت وزارة الدفاع 
استمرار الاتصال بين أجهزتها وحتى لو دمر بعضها و قامت بذلك من خلال 
إرسال رسائل صغيرة قسمت إلى حزم كل حزمة تحتوي على معلومات عن 
المرسل و المرسل إليه . 

في عام 1969 : بدأت الجامعات و المعاهد الأمريكية بربط أجهزتها و سميت 
تلك الشبكة حينها ARPAnet‏ . 

في عام 1972 : قام لورنس روبرتس بتطوير خدمة البريد الإلكتروني . 

في عام 1973 : تم تطوير خدمة البريد الإلكتروني لتصبح قادرة على إرسال 
و استقبال الرسائل . 

في عام 1983 : تم استخدام بروتوكول 1٣)۲۶‏ بين الشبكات . 

في عام 1986 : تم إنشاء شبكة المؤسسة القومية للعلوم NSF €٤‏ . 

في عام 1990 : تم إغلاق شبكة ]412/4726 و استمرت شبكة ]6م7151 
في عملها . 

في عام 1993 : بدأ انتشار الإنتردنت من خلال الأخبار و الصحف وأصبحت 
الشركات التجارية و مزودي الخدمة (157) هم الذين يوفرون الاتصال عبر 
الإنترنت من خلال بروتوکول 1٣۲/1۴‏ . 
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ما هي أهم المتطلبات للوصول بشبكة الإنترنت ؟ 
1- جهاز كمبيوتر يفضتل أن يكون ذو سرعة عالية و ذاكرة كبيرة .. 
2~ جjl‏ gaڏpa Internal modem‏ ڍڪ External modem‏ . 
3- وسيلة اتصال مثل خطوط الهاتف . 


4- مزوّد لخدمة الإنترنت (1582 ) اختصار ل Service Internet‏ 
11 لتتوفير الاتصال مع الإنترنت و تقديم خدمة الإنترنت . 


5- برمجيات الإنترنت مثل 7ع105م17<2 1061066 أو ©م503]ء721 و ما إلى 
ذلك. 


ما هي أهم البروتوكولات المستخدمة في الإنترنت ؟ 


- بروتوكول 1602/12: و هو البروتوكول المعتمد في شبكة الإنترنت » حيث 
يقوم بتقسيم البيانات المرسلة إلى حزم صغيرة و من ثم تجميعها عند الطرفالمستقبل 
و تحتوي على حزمة صغيرة فيه على معلومات المرسل و المرسل إليه حيث . 


102 : اختصار ل 1ع1123151' 00121101) 25010001 و هو مسؤول عن تقسيم 
البيانات و التأكد من صحة توزيع البيانات حيث تكون معرضة للضياع عند 
توزيعها من خلال 120131626 و لذلك فإنه يراقب البيانات و يعيد توجيهها إذا 
تعرصط 5 | ٠.‏ ياع 1 
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2 : اختصار ]1216126 2600001 و هو مسؤول عن عنونة حزم البيانات و 
إدارتها و تمريرها و تحديد مساراتها عبر الشبكة . 


- بروتوكول 1"12 : اختصار 1116 1135161 2200001 و هو بروتوكول 
يقوم بنقل الملفات من جهاز إلى آخر ( و من جهاز لآخر عبر الشبكة ) . 


- بروتوكول 16171616 : واهو أحد بروتوكولات 102/12 واهو اختصار ل 
0 ©1616 7167011 و يوفر إمكانية الاتصال عن بعد بحيث 


على الشبكة . 


- بروتوكول 210 : اختصار ل Protocol Transfer Text Hyper‏ و هو 
بروتوكول نقل النصوص المترابطة المتفاعلة و الذي يستخدم في تطبيقات الويب . 
حيث يقوم بنقل صفحات الإنترنت و تفسيرها . 


- بروتوكول 222 : اختصار ل 20126-2011-10 2200001 و هو أحدث 
البروتوكولات المستخدمة في الإنترنت و أسرعها أيضاً » و يوفر وسيلة مرنة 
الأتعما ل فو خاش السيكة . 


لمحة تاريخية عن تصميم مواقع الانترنت: 


بدأ مشروع صفحات الانترنت 155606 ¡e‏ 770111 وتكتب اختصارا 
مشاهدة صفحات الانترنت النصية فقط (لا تحتوي على صور او ملفات الفيديو 
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اوالصوتيات) بفضل مراكز ابحاث متخصصة وعلماء ساهموا في ابتكار تلك 
التكنولوجيا التي لا تزال حجر الزاوية في اي تقدم على شبكة الانترنت الكبرى. 


ومع عام 1993 انتشر المتصفح موزاييك (ع340531) الذي تحول لاحقا الى 
اسم (716650276) الشهيرء الذي بدوره كان اشهر متصفح انترنت ولاعوام طويلة 
قبل ان يظهر متصفح شركة مايكروسوفت (1ع101م1:<2 أع10ع ]12 «(Microsoft‏ 
الذي اصبح ولا يزال المتصفح الاول في العالم ليومنا هذا. 


فكرة ابتكاره كانت بسيطة وتعتمد على تأليف صفحات للانترنت تحمل روابط 
6 لمواقع اخرى تتيح لمستخدم الانترنت الانتقال من موقع الى اخر بغض 
النظر عن المكان الفعلي للمعلومات. فعلى سبيل المثال يمكن زيارة صفحة تحتوي 
على عشرين رابطا او اكثر في اكثر من عشرين بلدا ولكنهم مجتمعون في صفحة 


واحدة. 


كل ذلك أصبح من بدهيات التصفح على الانترنت» بل ان تصميم صفحات 
الانترنت كان في غاية السهولة لانه لم يكن يتطلب مبرمجا يقوم بأعمال معقدة 
ففي بضع ساعات او حتى دقائق يمكن تصميم صفحة أو اكثر ومن ثم نشرها على 
الانترنت عن طريق شراء مساحات للتخزين والعرض على الانترنت او حتى اقتناء 
بعض المساحات في بعض المواقع مجانا. فلغة البرمجة كانت 111517 وهي 
اختصار لlلكlمات‏ llüllي: Protocol Hyper Text Transfer‏ 


طلبة مرحلة الدكتوراه من جامعة ستانفورد الاميركية هما ديفيد فيلو وجيري يانغ عام 
4) كأداة بحث لمحتويات الشبكة العنكبوتية 576 177106 70110 واصبح 


www.yahoo.com :ٽiرتنا‎ (^) 


343 


مؤسساها من اصحاب الملايين من الدولارات» ثم دخلت كل الاعمال التجارية الى 
حلبة مواقع الانترنت ومنها شركة 4173201 التي استطاعت خلال بضع سنوات 
فقط من انطلاقتها الرسمية عام 1995 من التربع على عرش اكبر موزع للكتب في 
الولايات المتحدة الاميركية ومن ثم اتجهت لبيع منتجات اخرى كالسي دي والهدايا 
الى ان اصبحت الان احد ابرز المواقع العالمية لبيع الكثير من المنتجات عن 


روف ا كتقر فقيو a E‏ مستي ند كان مر كسد 


كل ذلك هو تاريخ محض وحقائق لبعض النجاحات الا اننا يجب ان نتذكر 
السقوط المدوي لشركات الانترنت في عام 2000 وما تلاها والذي عرف حينها 
بشركات فقاعات الانترنت والتي تسببت في كافلاس العديد من الشركات واغلاقهاء 
الا ان الشركات المبنية على اساس اقتصادي وعلمي متينين تمكنت من تجاوز 
الازمة بعد حملات انهاء الخدمات لالاف من الموظفين للشركات الكبرى وخسائر 
لفترات غير قصيرة. 


متطلبات تشغيل مواقع الانترنت: 
مک کے ارت ت ج مال 


(1) جهاز خادم متصل بالانترنت 2121126 56151 سواء بامتلاكة او استئجار 


(2) برنامج لتشكيل المواقع او ما يعرف بال Web Server‏ 
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(3) استخدام لغة برمجة او اكثر لعمل الموقع مثل Java, ASP, ColdFusion,‏ 
Perl‏ اوغيرها. 


(4) استخدام برامج متخصصة لعمل التعديلات على الصور وملفات الفيديو 


)5 برنامج لتحميل الملفات اح أالانترنت» وعادة يستخدم المصممون البرامج 
الخاصة بال ۴۲۲. 


أما بالنسبة لجهاز الخادم فنستطيع اليوم شراء اي جهاز كمبيوتر حديث ليكون 
اا کن کا زات ام کي ام مات ارا غرطيها لے ال نت 0 
حجم الجهاز الخادم او حتى تعدد ليصبح عدة اجهزة ضخمة مع بعض من اجل 
افو ا كان ررد يرن لوطلع دان لبها و 
المواقع المعروفة. 


وبالنسبة للبرامج الخاصة بالمواقع 5٥۲۷٥۲‏ ا٥۷‏ توجد اليوم عدة برامج وعلى 
رأسها برنامج عطاء9م8 الذي يمكن الحصول علية مجانا من الانترنت او 
5 21100506 الذي يأتي مع كل اصدارات برامج التشغيل الرئيسية لشركة 
مایکروسوفت مûٽJ Sun Java System جnliرڊ gl Server 2003 Windows‏ 
Web Server‏ من شركة صن مايكروسيستمز والذي کان بدوره برنامج 
Server‏ eWebمNetsca‏ الشهير الذي اشترتة وطورته شركة صن بعد ان 
اشترت شركة نتسكيب والذي كان البرنامج الاول في منتصف التسعينات نظرا 
لشهرة برنامج المتصفح التابع له Netscape browser‏ 


345 


الية عمل المتصفح 183077561 في إظهار الصفحات (الموقع)؟ 


يتم وضع العنوان المطلوب مثل 2110://1713177.923100.6012 في المكان 
المحدد له و هذا المكان يسمّى ,1/181 و هو اختصار ل Uniform resource‏ 
10 و هو عبارة عن عنوان يسمح للمتصفح بمعرفة مكان البحث عن 
الملف أو الموقع المطلوب . 


بعد وضع العنوان المطلوب فإن البروتوكول يقوم بإرساله إلى Web Server JI‏ 
و هو المكان الحاضن لذلك الموقع ومن خلال ما يسمَى بال C61‏ يمرر العنوان 
إلى برنامج يسمّى سكريبت سواء 26121 6م5011 أو 4م165011 فيبحث فيه عن 
الصفحة أو الموقع المطلوب و عندما يجده يعيده إلى ال 5615761 7965 و يعطي 
نتيجة البحث للمستعرض لتظهر أمامه النتيجة و هي عبارة عن الموقع أو الصفحة 
التي قمنا بكتابة عنوانها . 


HTML JI مقدمة في‎ 


هي اللغة (ليست لغة بمعنى لغة) المستخدمة في تصميم صفحات الإنترنت أي 
تصميم صفحات مثل ما تنظر إليه الآن» وهي اختصار ل Text Hyper‏ 
Language Markup‏ ولا یوجد معنى حرفي لهذه الكلماتء إلا أنه يمكن أن نقول 
أنها لغة النصوص المترابطة والمتفاعلة لأنها تنتقل من مكان لآخرء وهناك ربط 
بين مكان وآخر أو هو نظام الترميز المستخدم لانشاء صفحات الويب.. 


لا تعتبر ال .11173411 لغة برمجة؛ فهي لا تحتاج إلى 11617م0012) مترجم 
خاص بهاء وهي غير مرتبطة بنظام تشغيل معينء لانه يتم تفسيرها وتنفيذ تعليماتها 
مباشرة من قبل متصفح الإنترنت مثل 102010161 10161264 بدون أن يتدخل نظام 
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لدف ذلك انشا لا تحتوي على متغيرات وجمل دوران وتحكم وغيره من ما 
تقوم به لغات البرمجة لكن إذا أردنا أن نفعل ذلك نستخدم ال 6م712972560131 و ال 
bS‏ و ال C61‏ و غيرها. 


ما الفرق بين الموقع ©5810 و الصفحة ©2286 ؟ 


الموقع: هو مجموعة من الصفحات المترابطة والتي يتم الوصول إليها من خلال 
عنوان خاصء أما الصفحة: هي مجموعة من النصوص والوصلات التشعبية 


والصور والرسومات المترابطة فيما بينها. 


أساسيات تصميم الصفحات: 
1-تحديد الهدف الرئيسي من الصفحة أو الموقع . 
2- ماهية المعلومات التي نريد تضمينها للصفحة أو الموقع . 
4- معرفة المستقبل المتوقع للصفحة او الموقع . 


e هواياتهم‎ 


أهم المقاييس التي تحدد نجاح وكمال واستمرارية الموقع أو الصفحة: 
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ه الوضوح ٣1٥2۲1,‏ : يجب مراعاة وضوح النصوص و محتويات الموقع. 

ه بات ومتانة الموقع Consistency‏ : یجب أن تكون صفحات الموقع 
وكوسفدة ومقدايمقة وتطكن اليندكه الاي ا کن کل 
الصفحات بنفس التميز. 

« الاستعارات 0۲طمةاه : وجوب استخدام الرموز والرسوم والصور للتعبير 
عن الأفكار التي وجد من أجلها الموقع . 

©« التقنيات المستخدمة 166111231 :Med1a‏ وجوب استخدام محركات 
البحث والصوت والصورة المتحركة بالصورة المطلوبة. 

ترتيب الصفحات داخل الموقع بالشكل المطلوب. 


تصميم المواقع باستخدام فرونت بيج 
أساسيات فرونت بيج: 


يعد فرونت بيج من أهم البرامج استخداماً في إنشاء صفحات الويب وذلك للمزايا 
التي يتمتع بها من حيث السهولة في التعامل إضافة إلى الإمكانيات التي يتمتع بها 
. ويبين الشكل التالي الواجهة الأساسية التي ستراها عند العمل في فرونت بيج . 
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O ET LN ITT اا ل‎ TIE LTT ل ا‎ 


File EJ Yew Insert Format Iools Table Frames Windom Help 
0-#-#Hû 3 85 - هما ك 3 5 ها ق‎ © ١ © 


Hormal + Times Mew Forman + 3 fla pk} > 1 فل - 2 ا کڪ‎ - 


Yieys # new_pagqe_1.htm " 
Page 


ع 


Folders 


1 


Reports 


2 
Preview | 4 |‏ رن كا | امدنع هه ا و 


Danê KI a Û seconds oer 58ت‎ 





في الجانب الأيسر ستجد شريط العرض 8313 771615 . هذا الشريط يتيح لك 
سرعة تغيير طرق العرض الخاصة بصفحات الويب فضلاً عن تغيير الخصائص 
المتنوعة في البرنامج . ومن طرق العرض 11371531101 والذي يتعلق بإنشاء 
أشرطة التحرك » وأيضاً عرض المهام 1251 . 


الويب» فمن المفضل أن تقوم بإزالة شريط العرض ٠‏ كما يلي : 


1- افتح قائمة ۷1W‏ . 


2- قم بإلغاء تحديد خيار 18831 7167/5 لإزالة علامة الاختيار من أمامه 
(أنظر الشكل التالي)» سيختفي بذلك شريط العرض وهذا يفيد من أجل الحصول 
على عرض في برنامج فرونت بيج يماثل عرض متصفح الانترنت . 
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Fila Edit Farrmnat Tools: Table Frames Window 
پا وڪ - هنا + ]ا‎ 
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formal زم 12) 3 + ا‎ > ١ 383 7 U 5 
Î ا‎ Heporkts ۴ 
iS 
ا‎ Navigation 
E Hyperlinks 
Page [i Tasks 
Toolbars ۴ 
Folders 


بعد إخفائك شريط العرض يمكنك أيضاً الوصول إلى خيارات العرض الأخرى 
الخاصة بالموقع الذي أنشأته» وذلك من خلال قائمة 7161 . 


في فرونت بيج يمكنك الوصول إلى أكثر الخصائص استخداماً من خلال 
أشرطة الأدوات القياسية التسعة . 


كيفية إنشاء موقع ويب: 


عندما تقوم بإنشاء مجموعة صفحات للويب لوضعها في موقع على الويب . 
فإن فرونت بيج يتيح لك تجميع تلك الصفحات في وحدة واحدة ليطلق عليها في 
النهاية " ويب " 75965 . رغم أننا نستخدم فرونت بيج إنشاء وتعديل الصفحات 
الفردية دون القيام بإنشاء موقع ويب » فإنك ستجد تحفيزاً قوياً على إنشاء موقع 
ويب يجمع الصفحات التي أنشأتها . وذلك للأسباب التالية: 


© يحتوي فرونت بيج على عدة خصائص لفحص سلامة الصفحات التي تقوم 
بإنشائها وسلامة الارتباطات فى تلك الصفحات. 
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ه فرونت بيج مصمم ليتيح لك إرسال الصفحات التي تنشئها إلى أحد أجهزة 
خادم الويب وذلك كوحدة واحدة . 

٠‏ عند إنشاء أحد المواقع يمكنك استخدام أداة التحرك التلقائية في فرونت بيج 
لإنشاء أشرطة تحرك خاصة بموقعك . 

٠‏ الاحتفاظ بصفحات الويب التي تنشئها داخل موقع واحد يتيح لك استخدام 
المجلدات 1010615 لتنظيم الملفات. 

ه أيضاً يتيح لك ذلك استخدام التقارير 18600115 لتسهيل فحص موقعك . 


إذا قمت بإنشاء موقع ويب جديد » ينشئ فرونت بيج مجلد جديد مستخدما اسم 


الموقع ثم تستطيع تخزين ملفاتك أو إضافتها إلى موقعك داخل هذا المجلد أو 
مجلدات فرعية أخرى . 


قم بإنشاء أول موقع ويب خاص بك : 


1) من قائمة 1116 ». حدد خيار ew‏ ثم 01 2386 7765 لتفتح مربع حوار 


2) حدد خيار 181017 7765 ومن بين القوالب llئnتاحة‏ حدد Web One Page‏ 
3) حدد موقع مجلد الويب وضع اسماً لموقع الويب الذي تقوم بإنشائه . 


4) انقر زر 2016 في حالة عدم وجود مجلد الويب » سيطلب منك إنشاؤه في هذه 
الحالة انقر زر 78765 لإنشاء المجلد والموقع . 
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New Page or Yeb ¥ 
عنقم ت وعملا‎ 
التعرف على فقرونت بيدا‎ 
index 
index: 
التعرف على فرونت بيدا‎ 
E More pages... 
Neu 
Û Elank Page 
@] Empty Web | 





Ney from existing page 
زه‎ Lhoaose pagê... 
Ney from template 
ne Page Web 
| Page Ternplates,.. 
ها‎ Web Site Ternplates... 
ت‎ Templates on Microsoft.com 


كيفية إنشاء ملف 1117/11 : 


بعد أن تعلمت كيفية إنشاء موقع الويب الخاص بك ستتعلم الآن كيفية إنشاء 
صفحات داخل موقعك حيث أن للموقع أن يحوي عدد من الصفحات . 


لإضافة صفحة جديدة في موقعك » قم بما يلي : 


1- من قائمة م11آأحدد خيار New‏ ثم or Web‏ 2386 حتى تفتح مريع 
حار Blank Page .aû New‏ 


2- سوف يعرض لك المربع 151617 قوالب متنوعة لصفحات ويب من خلال 


. Page templates 


دما تقوم بإنشاء الضفهعاتة خد هذه الضنهات ا لأسماء الافتراضية للملفات 
مٿل .htim1new page‏ و page‏ tm2newط.‏ لذا احفظ الصفحات بأسماء أخری 


332 


تعلمت في هذا الدرس بعض الأساسيات في فرونت بيج عن كيفية إنشاء 


المواقع واضافة الصفحات إلى هذا الموقع. في السطور القادمة ستتعلم كيفية 
استخدام قوالب وصفحات الويب. 


استخدام القوالب في فرونت بيج: 


القوالب 1610013665 عبارة عن هياكل جاهزة يمكنك استخدامها في إنشاء أنواع 
مختلفة من مواقع وصفحات الويب. والى جانب كونها هياكل جاهزة» تأتي القوالب 
في شكل هياكل فارغة. 


إن طبيعة القالب يمكنك تخيلها في أنك تريد بناء بيت صغير ٠»‏ هل الأفضل لك 
أن تبدأ في بنائه من فراغ » أو أن تشتري هيكلاً جاهزاً له ؟ بالتأكيد من الأسهل 
شراء هيكل جاهز بأعمدة وأساسات ثم تبدأ في بنائهء المقصود - أن الهيكل أو 
(القالب) يعمل بمثابة الأساس الذي ينبني عليه موقع أو صفحة الويب» الأمر الذي 
يتيح لك إظهار العمل بالشكل الذي تريد. 


أنواع القوالب المتاحة في فرونت بيج : 


القوالب نوعان هما قوالب الصفحات 13665م610) ©38م وقوالب المواقع اعمس 


. templates 
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قوالب المواقع : 


هناك تشكيلة مكونة من عشرة قوالب للمواقع يمكنك اختيار ما تريد منها حسب 
ما يناسبك (انظر الشكل) 


من قائمة ©1711 حدد خیار ew‏ تم خیار ٥۲ We‏ 2386 ثم من مربع الحوار 
اختر Web Site Templates‏ . 





Web Site Templates 


Web Sites | 


سم نن ۹ اس تتت ۴ a‏ 
ا ا + ا 
كلخ س س 
كد امنا 


Catabase‏ توص عأؤلات؟ 
Specify the location of the pew web:‏ 





ine Page Lorporake 
eb Preseni... Support Web Irterfa.,. 
: كمع ناعم :م شا ا‎ and 5SettingsMustafs ¥ 
رک‎ 
Brose, ,, ظ‎ 


Import Web Personal Web 


Discussion Empty Web 
Wizard 
| Add to current Web 


Web Wizard 


م 


gg‏ م 
e‏ ټپ 
Description‏ 


Project Web SharePoint-,,. 
Tear Web .., 
page, 


Lreakte a new web with a single blank. 
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وتكون هذه القوالب على شكل هياكل فارغة يمكنك من إنشاء أنواع معينة من 
مواقع الويب» كما يحتوي فرونت بيج على المعالجات 787123105 » هذه المعالجات 
عبارة عن قوالب تلقائية تستفيد منها في إنشاء مواقع ويب أكثر تعقيدا. 


هذا وصف بعض قوالب ومعالجات مواقع الويب في فرونت بيج : 
Presence Wizard Corporate x‏ : هذا المعالج يرشدك إلى خطوات 
إنشاء موقع ويب خاص بأعمالك التجارية . 
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Support Web Customer ×‏ : يمكنك هذا المعالج من إنشاء موقع ويب 
خاص بدعم المستهلكين » يصلح هذا القالب لشركات البرامج التي تقوم بإنشاء 
مواقع دعم المستهلكين . 


Web Wizard Discussion x‏ : يرشدك هذا المعالج إلى عملية إنشاء 


موقع مناقشة يشبه مجموعات الأخبار . 


Wizard ]mport Web ×‏ : يمكنك هذا المعالج من إنشاء أرشيف على 
الويب يحتوي على ملفات من كمبيوترك الخاص بك . كما يمكنك من استيراد أحد 
مواقع الويب إلى موقع آخر داخل فرونت بيج . 


Web Project ×‏ : يقوم هذا المعالج بإنشاء موقع ويب يتم تأسيسه وفق 


مشروع معين يحوي الجدول الخاص بهذا المشروع وحالته وعدده وملفات الأرشيف 
والمناقشات . 


Web Personal x‏ : يكنك من إنشاء موقع ويب شخصي يعكکس 
أنشطتك واهتماماتك الخاصة . 


. يحوي هذا القالب صفحة ويب واحدة‎ : Web One PA x 
. لا يحوي أي صفحة ويب بداخله‎ : Web Empy × 
: استخدام قالب معالج الويب‎ 

لاستخدام قالب بسيط في إنشاء موقع ويب ٠»‏ قم بما يلي : 


1- من قائمة ع111 » حدد الخيار 116587 ثم 171/65 01 ©2386 حتى تفتح مربع 


حوار 716318 وبداخله علامة تبويبع51 71566 محددة . 
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2- حدد نوع القالب الذي تريد استخدامه » كأن تختار قالب - 0056010617 
Support Web‏ مثالا 


3- حدد المجلد أو الدليل الذي تريد أن تنشئ فيه موقع الويب تم انقر زر ه 


4- في حالة عدم وجود هذا المجلد بالفعل » سيسألك البرنامج إن كنت تريد 
إنشاءه . في هذه الحالة انقر زر 865 وسيقوم فرونت بيج بعد ذلك بإنشاء القالب 


5- بعد بضع ثوان » سيتم إنشاء القالب . 


يقوم فرونت بيج بإضافة صفحة أو أكثر إلى موقع الويب بعد تحديد أي قالب 
من القوالب ما عدl‏ Jlaب Empty Web‏ . 
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استخدام القوالب لإنشاء أنواع مختلفة من صفحات الويب 


على غرار قوالب المواقع » تمثل قوالب الصفحات أيضاً هياكل فارغة يمكنك 
استخدامها لإنشاء صفحات الويب داخل موقعك » أيضاً يمكنك إنشاء أي عدد من 
صفحات الويب باستخدام القوالب الخاصة بها . 


رغم أن عدد القوالب للمواقع عشرة فقط إلا أنه يحتوي على 27 قالباً للصفحات . 
ويبين الشكل 2-2 معظم قوالب الصفحات التي يمكنك اختيار ما يناسب احتياجك 


منها . 


ت 
كذ 
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كما يعرض فرونت بيج نموذجا بسيطا لكل قالب صفحة قبل أن تقوم بإنشائها 


على عكس قوالب المواقع . 
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3 


لإنشاء صفحة ويب باستخدام أحد القوالب قم بما يلي : 


3 


3 


1- من قائمة 1116 حدد خيار 16877 ثم خيار 017 29386 11/65 لتفتح مربع 


Templates Page aia اختر‎ New حوار‎ 


2- حدد نوع القالب الذي تريد استخدامه » كأن تختار قالب - 1.6/6 » 
aligned Body‏ 037 مثلاً . 


سيقوم القالب الذي حددته بعرض نموذج مصغر له في مربع المعاينة. 


3- انقر زر 012 بعد ثوان معدودة » سيتم إنشاء الصفحة الجديدة من القالب 


الذى حددته. 


عند استخدام القوالب ستلاحظ أن فرونت بيج يقوم بإنشاء مواقع وصفحات 
الويب باستخدام بعض هذه القوالب 


فرونت بيج. 


التعامل مع النص 


سوف تتعلم كيفية إضافة النص إلى صفحاتك وإذا كنت قد أمضيت وقتاً طويلاً 
داخل الويب فلعلك قد لاحظت أن معظم مواقع الويب يتم إعدادها بغرض توصيل 
أنواع مختلفة من المعلومات» ومازال النص من أكثر الوسائل فعالية في أداء هذه 
المهمة. 


أيضا يتيح لك فرونت بيج تزيين النص وتنسيقه بالإضافة إلى وضع النص 
الأصلي في الصفحة» وستلاحظ إن كان لك معرفة وتعامل سابق مع برامج أوفيس 
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أن الأمر لا يختلف كثيراً مع فرونت بيج وستجد أن إضافة النص سهل جداً كما لو 
أنك تكتب ملف وورد وتقوم بتنسيقه» يمكنك باستخدام فرونت بيج: 


٠‏ ضبط وضع الت كا كوو ا subscript‏ Îو‏ را 
6151101 عن السطر. 

إظقافة سات إلى التصن كان اتهعله عريضيا أو شاكلت أن أسفله. سطن» أو 
حتى الجمع بين هذه السمات. 

ه توسيط النص على الشاشة. 

٠‏ إضافة ألوان أو أي تأثيرات أخرى» مثل تأثير النص الوامض. 

© تغيير الخط الظاهر على الشاشة. 


هذا كله يمثل عينة بسيطة من الطرق التي يمكنك بها تعديل النص» وسوف 
ترى أثناء تعاملك مع فرونت بيج أن معظم ما يتم إضافته إلى صفحات ويب التي 
تنشأها يأتي على شكل نصوص وستلاحظ أن فرونت بيج يوفر لك مرونة هائلة في 
طريقة القيام بتلك العملية . 


إضافة النص إلى صفحة الويب : 


بتك SN ag N Ca‏ 
ما عليك هو أن تكتب وسوف يتم لف النص تلقائياً إلى السطر التالي بمجرد أن 
تصل إلى نهاية السطر الذي تكتبه. 


لتبدأ بكتابة أي فقرة تريدها : 
1- إذا لم تكن لديك الآن صفحة فارغة على الشاشة» فلتقم بإنشاء واحدة. 
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له رن ارد 
لاحول ولا قوة إلا بالله 


3- اضغط مفتاح الإدخال 821617 واستمر في كتابة أي نص. لا تضغط 
مفتاح الإدخال 187161 عندما تصل إلى نهاية السطرء فقط واصل الكتابة وسيتم 
لف النص تلقائياً إلى السطر التالي. 


د 


ثم أنه لابد أن تحدد النص الذي تريد تغييره أو إضافة أي سمة إليه» مثلا 
1- حدد نص بسم الله الرحمن الرحيم . 


2- من قائمة 1011236؛ حدد أمر 1026 . في مجموعة 5126» استخدم 
شريط التمرير حتى تصل إلى خيار 7 ثم حدده» انقر بعد ذلك زر ه» لا بد أن 
يظهر النص لديك بنفس الحجم الموجود في الشكل . 


اھ لے که رین اتک الال ای اعت تی ر حح ال 
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XPinew_paze_1.htm‏ ل ل ل ات راثيا 


Fila Edit  عس‎ Insert Format Tools Table Frames  Windary 


ص کک ا ات E:‏ 








Normal + Times New Roman REIS لآ‎ 
اق دل"‎ 
3 _عوقمر_سعم ”مز #ررارا.التعامل تع النصى””‎ hi, i Bp) 
2 0p 
3 2p 
4 7 99 
5 TZA4 pk) 
م‎ 3b pt) 


ملاحظة: لست EY‏ لاستخدام قائمة Format‏ حتى تفتح مربع حوار Font‏ 
يمكنك أيضاً أن تنقر بزر الفأرة الأيمن بعد تحديد النص لتفتح قائمة مختصرة» من 
هذه القائمة حدد أمر 210611165 1026 لتفتح مربع حوار Fon)‏ 


والآن» قم بإضافة بعض السمات إلى النصء ابدأ بتغيير لون العنوان: 
ولتغيير لون النص: 
1 - حدد عنوان النص. 


2- من قائمة 1011236 اختر أمر 1026 لتفتح مربع حوار 1024 ( انظر 
الشكل). 
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Fant | character Sparing | 


Fant: Fant style: 522 


EE Regular 3 {12 pj 








Enld Italic 


Times Nery Rornan {serif 


coor: | mm ~ 


Effects 
| Underline | small caps | Sample 
| Strikethrough | تمدع ااض‎ | Definition 
| Orwerline | Fapitalize | Zitation 
| Blink. | Hidden | Yariablë 
|  Supersreripk | Strong | Keyboard 
| Subseript | Emphasis | Zade 

عع ممم 


زلا اوحامط نادم مه 





ظ ممم ظ Lancel‏ 
3- افتح القائمة المنسدلة 00101) حتى تظهر لوحة الألوان. 


4- حدد خيار 160 ثم انقر زر 012 لتغلق مربع حوار 1021 لتفتح مربع 
حوار 1024 يجب الآن أن يظهر عنوان الفقرة باللون الأحمر. 


اخ مت جل انض رجا أو مال ار اسئلة خطه 
لحقل اأنضص كريضا: 
1- حدد الكلمات لاحول ولا قوة إلا بالله. 


الأدوات. 
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لجعل النص مائلاً : 
1 - حدد الكلمات أي من الكلمات . 


2- انقر رمز 1631105 ( يحمل هذا الرمز حرف 1 المائل ) الموجود على شريط 


الأدوات. 
ولإضافة سطر أسفل النص: 
1 - حدد كلمة الله جل جلاله. 


الأدوات. 


3- الآن ينبغي أن تشبه الفقرة لديك ما هو مبين في الشكل التالي: 


٠ 
۰ 





xı Microsoft FrontPage - F:iEront Page XPinew_paze_1.htm 


Fil Edit Yiew Insert Format Tools Table Frames Winda 
E` E û Û E`” & Û È٠ 
Normal „ Times New Romani + 3 lap} >| B 7F 


؟ “تقطغط.1_عوهمر_سعم ”م hk‏ .العامل مح النص”" 
بسم الله الرحمن الرحيم 





لا حول ولا قوة إلا بالل 


أنماط الخط والتأثيرات: 


1- حدد كلمة أي كلمة من النص. 
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2- من قائمة 1011084 » حدد أمر 1024 لتفتح مربع حوار 10214 . 


3- في جزء ءاءع؟8f‏ يمكنك أن ترى التأثيرات المتنوعة التي يتيحها لك» كما 
يتيح لك مربع المعاينة 256171657 رؤية الشكل الذي يظهر عليه النص بعد تطبيق 


لا حظ السطرين الظاهرين في مربع المعاينة يتيحان لك رؤية النص بالنسبة 
للتأثيرات التي تغير من الوضع الرأسيء مثل تأثير انخفاض 506501106 وارتفاع 
151101 النص عن السطر. 


4 م حدد خياري 512311 125) و 6150110]6م5101 . انقر زر 012 لتغلق 
مربع الحوار وترى التغييرات التي أجريتها على النص. 


يعد تغيير المسافة بين الأحرف 013123161 30128م5 من التأثيرات التي 


تستطيع استخدامها لإبراز النص. 


الأحرف: 


1[- حدد الكلمات أي من الكلمات بالحروف الإنجليزية أو اكتب 


مثلا531101111.00111. 


2- افتح مربع حوار ]1"02 . 


3- انقر علامة التبويب 50236128 01231201617© لتفتح اللوحة الخاصة بتأثير 
المسافة بين الأحرف. 
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4- من مربع القائمة المنسدلة 5260125»: حدد خيار 1820231060 وفي مربع 
القائمة الذي يجاوره By‏ ۾ حذد خيار .10 


5- انقر زر 016 لحفظ وتطبيق التغييرات التي أجريتها على المسافة بين 
الأحرف. 
وكما ترى فإن تأثير المسافة بين الأحرف يعطيك قدراً من الحرية فى التعديل 


إنشاء واستخدام الجداول: 


نصل الآن إلى واحد من أهم الدروس الأساسية في برنامج فرونت بيج» حيث 
أن تصميم الموقع يفضل أن يكون ضمن جداول حتى تضمن أن يظهر المظهر 
نفسه للموقع الذي صممته في كل أجهزة الكمبيوتر وعلى جميع دقات الشاشة 
إضافة إلى أهم أنواع مستكشفات الانترنت. 


وبالتالي إذا أجدت استخدام الجداول في صفحات الويب يتيح لك قدراً هائلآ من 
التحكم في وضع الصور والنصوص داخل الصفحات. والجداول عبارة عن هياكل 


شبكية مستطيلة» تستطيع إنشاءها لتحوي بداخلها صوراً أو نصوصاً. 


تسمى مجموعة الخلايا الأفقية ب " صف ٠"‏ فى حين تسمى مجموعة الخلايا 


الرأسية ب ١‏ عمود . 
لإنشاء جدول: 


1- قم بإنشاء صفحة جديدة فارغة. 
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2- من قائمة 1816»: حدد أمر 105616 ثم 18516 لتفتح مربع حوار 125616 
6 (انظر الشكل). 


Insert [able 


عداد 


Ros: - Lolurmns: 


Lawak 
Alignment: أب ¥ ارات ]تنا‎ Specify width: 


Border sšize!: 1 100 In pixels 


* In perceEnk 
ell paddin3a: 
ell spacing: 1 
Table Diracktian; Mone چ‎ 


Ek 


default For new tables‏ عد اعد 


Style... 





الحجم الافتراضي لأي جدول جديد هو أربع خلايا تتألف من عمودين وصفين» 
استخدم أيضا القيم الافتراضية لخيارات مجموعة اا0 ه1 وكذلك خيار Specify‏ 


التعرف على أحجام الجداول : 


يجب أن تعرف كيفية تحديد حجم الجدول لأن عرض الجدول وفق النسبة 
المئوية لحجم الشاشة أو عدد البكسلات. 


بكسلات 21615 عناصر الصورة أو البكسلات هي أصغر وحدات تستخدم معا 
لعرض المعلومات على الشاشة؛ ومن المرجح أنك سمعت المصطلح المستخدم 
لوصف درجة وضوح العرض على الشاشة. على سبيل المثال» من درجات 
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الوضوح الشائعة درجتا 72640 480 و 75800 600. هذه الدرجة تشير إلى عدد 
البكسلات ( أفقياً × رأسياً ) المعروضة على الشاشة التي تستخدمها. 


عندما تحدد عرض الجدول وفق نسبة مئوية معينةء فإن العرض سيكون نسبياء 


أما إذا خذذت: الحذول وفق :عند معين هن النكسلات قانك تحذد عغرضا مطقا 
للجدول. 


لتغيير عرض الجدول: 
1- ضعمؤشر الكتابة داخل الجدول. 
2- من قائمة ع121. حدد خيار أعع1ء5 ثم 10012 . 


3- من قائمة ع12[1. حدد خيار 5ع1)1عم250 »13601 ثم 13616 لتفتح 
مربع حوار 250611165 13516 ( انظر الشكل ). 
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Table Properties ف‎ 4 
Lawak 
Alianrmnent: enter ا‎ yw Specify width: fj 
Float: Cefavult 100 In pixels 
| * In perzenk 
ell padding: 3 3 Specify height: 
well spacing: U َ 
Table Direction: | None ¥ 
Borders 
Size! 1 > Light border! | 798 Butormatir ™ 
olor: ¥ Dark border! | 75 عزاو نساريت‎ ™ 


how both cells and table borders‏ ثب 


Background 


Lalor: BE putomatic * 


lse background picture 


BroHSE,,. 


Style... w_ancel Appl 





4- في جزء رگاcعم؟S‏ طwidtء‏ حدد خيار 212615 108 ثم اضبط القيمة على 
400. 


5- انقر زر 016 وسيتم تغيير حجم الجدول الذي أنشأتة. من قبل: 
ارتفاع الجدول : 


تستطيع أيضاً أن تعدل ارتفاع الجدول من خلال مربع حوار ©1316 
5 رغم أن معظم مصممي صفحات الويب لا يهتمون بارتفاع الجدول 
قدر اهتمامهم بعرضه. ويتم عادة ضبط ارتفاع الجدول تلقائياً بحسب المحتوى 
الموجود داخل الجدول أو الخلايا الفردية» واذا قررت تغيير ارتفاع الجدول» يمكنك 
فقط أن تجري تعديلات مطلقة وفق عدد معين من البكسلات. حدد خيار 57066119 
2.6181 ثم اكتب عدد البكسلات الذي تريد أن تحدده لارتفاع الجدول. 
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التعامل مع تخطيط الجداول 


حدد قيم تخطيط الجدول بأرقام أعلى من القيم العادية. فالمبالغة في تعيين قيم 


لتغيير حجم الحد في الجدول: 
1- حدد الجدول الذي أنشأته من قبل. 


2- من قائمة ع121. حدد خيار 250610165 13616 ثم 13216 لتفتح 


مربع حوار 2502611165 12016 . 
3- في جزء 85010615.؛ غير الحجم 5126 إلى 20. 


4- انقر زر اه لتطبيق ورؤية التغيير الذي أجريته على حجم الحد في 
الجدول. 


حدود غير مرئية: 


توجد أيضاً طريقة تنفذها في تغيير حجم حد الجدول» اضبط الحجم على 
صفرء وسيصبح حد الجدول غير مرئي عند عرضه في مستعرض الويب. تظهر 
فائدة هذه الخاصية عندما تستعين بالجدول في ضبط مكان الصور والنصوص 
داخل صفحات الويب بدقة وهو أمر بالغ الأهمية حيث ننصح جميع المصممين أن 
يكون عملهم ضمن جداول ضماناً لعدم تغيير شكل الموقع عند تغيير دقة الشاشة 


كنا يكنك الاستعانة بحشو الخلايا 1[ع© padding‏ . 


لتغيير حشو الخلايا: 
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1- حدد الجدول الذي ان گل 


2- من قائمة ءاه ]۰ حدد خیار Properties 12be‏ ثم ab1e'ا‏ لتفتح 


مربع حوار 2507611165 12016 . 
3- في جزء ]011/إ13» اضبط خانة 0200128 11ع0) على 20. 


4- انقر زر 012 لتطبيق ورؤية التغيير الذي أجريته على حشو الخلايا. 


ال ا 


يمكنك أيضاً استخدام خاصية المسافة بين الخلايا ع«ذعهمء c11‏ 
لتغييو المسافة وين الخاذا: 
1 - حدد الجدول الذي أنشأته من قبل. 


2- من قائمة 121 حدد خيار 250610165 »1216 ثم 1316 لتفتح مربع 


حوار 5ع61]1م210 م1201 . 
3- في جزء 1.23:0111» اضبط خانة 5036128 11ع) على 20. 


4- انقر زر ه لتطبيق ورؤية التغيير الذي أجريته على المسافة بين 
الخلايا. 
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| 
| 


التعامل مع ألوان الجداول : 


يمكنك أن تحدد الجدرل N‏ عادية» أو تنشيء تأنيرا ثلاثي الأبعاد فين خلال 
الحدود الفاتحة طع1ا derإ0ط‏ والحدود lنئداiة .dark border‏ 


لتحديد لون حدود الجدول: 
1- حدد الجدول الذي أنشأته من قبل. 


2- من قائمة ©1211 حدد خيار 2500610165 12316 ثم 13616 لتفتح 


مربع حوار 2507611165 12016 . 


3- في جزء 7ع82050 » انقر سهم القائمة المنسدلة 00101) لتفتح لوحة 
ارون 


4- حدد خيار 160 لتظهر حدود الجدول باللون الأحمر. 
5 انقر زر 01 لتطبيق ورؤية اللون الذي حددته لحدود الجدول. 
يمكنك أيضاً تحديد ألوان قلافية الأيغاد. لحدوذ الحدول 


لتحديد ألوان ثلاثية الأبعاد لحدود الجدول: 
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1- حدد الجدول الذي أنشأته من قبل . 


2- من قائمة 121 » حدد خيار 5ع6161م250 »1201 ثم ©1361 لتفتح 


. Table Properties رlوح مربع‎ 


3- في جزء 801061 , انقر سهم القائمة المنسدلة 14ع11 801061 لتفتح 
لوحة الألوان الخاصة بها. 


4- حدد خيار ع1 لتظهر الحد الفاتح للجدول بهذا اللون. 


5- ومن نفس الجزء انقر سهم القائمة المنسدلة 80101 10311 لتفتح 
لوحة الألوات الخاضصة يها 


6- حدد خيار 584210012 ليظهر الحد الداكن للجدول بهذا اللون. 


7- انقر زر 012 لتطبيق ورؤية التغيير الذي أجريته على لون الحدود 
الفاتحة والداكنة للجدول. 


ا ا 
كك كك 


معالجة الخلايا في الجدول : 


يمكنك إضافة أو إزالة الخلايا من الجدول في أي وقت تشاءء بل وبوسعك أن 
تقسم الخلية إلى خليتين أو أكثر » أيضا يمكنك دمج خليتين أو أكثر في خلية 


واحدة. 


2 


لإضافة صف جديد إلى الجدول: 


2- حدد إحدى خلايا الجدول بالنقر داخلها. 


3- من قائمة ©1261 » حدد خيار 11ء125 ثم 0111025) 01 1120115 لتفتح 


Rows or Columns Insert مرع وڙ‎ 







Insert Rows or Lolumns x 


lw Hows ` Calamns 
Puarnber of roz: | 1 ل‎ 
31 لل إ‎ 


f” Above selection 


© Below selection 


area | 


4- حدد زر الخيار 18015 لإدراج صف أو أكثر في الجدول. 


5 حدد عدد الصفوف التي تريد إضافتها إلى الجدول . يمكنك إضافة من 
1 إلى 1000 صف. 


6- أسفل جزء 1,003105» حدد إذا ما كنت تريد إضافة الصفوف إلى أعلى 
أو أسفل الخلية التي يوجد بها مؤشر الكتابة حالياً. 
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إضافة جدول داخل جدول : 


علاوة على إمكانية إضافة خلايا أو أعمدة أو صفوف إلى الجدولء يتيح لك 
تريد أن تضيف إليها الجدول الجديد ثم اتبع الخطوات السابق ذكرها. 


: لايا‎ ٠ ١ 1 (CY 


قد ترغب أحياناً بتقسيم الخلية إلى عدة خلايا ويبين الشكل السابق مثالاً على 
ذلك. 


لتقسيم الخلية الواحدة إلى خليتين أو أكثر: 
1- حدد الخلية التي تريد تقسيمها بالنقر داخلها. 


2- من قائمة ©1816: اختر أمر 06115 116م5 لتفتح مربع حوار 11]6م5 
Cells‏ 








Gplit Cells 


f” Split into rows 


Hurmber of columns: | لك ت‎ 
e | 


3- حدد نوع التقسيم الذي تريده إلى أعمدة 2001111115 أو صفوف 190185 
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4- حدد عدد الأعمدة أو الصفوف الذي تريد أن تنقسم إليه الخلية المحددة 
في الوضع الافتراضيء يتم تحديد 2» وأقصى عدد يمكنك تحديده هو 100 . 


[ لل ا 
| سك را 


دمج الخلايا : 
لدمج خليتين أو أكثر: 


1- حدد الخلية الأولى التي تريد أن تدمج فيها بقية الخلايا ثم ضع مؤشر 
الكتابة بداخلها. 


7 احق يمنقا ج ]5111 محيدوطا ثم جد الخلية اليجاررة التى ريد أن 
E Os‏ 


3- من قائمة ©1851 اختر أمر 95 Merge‏ وسيتم دمج الخلايا التي 
حددتها في خلية واحدة. 


3/5 





حذف الخلايا: 

لحذف خلية أو أكثر من الجدول: 

1- قرر أولاً إذا ما كنت تريد حذف خلية أم عمود أم صف من الجدول. 
2- حدد الخلية أو العمود أو الصف الذي تريد حذفه من الجدول. 


3- من قائمة ع1ط16. حدد خيار ]م5616 ثم 0611 ( أو 0102© أو 


5 » وذلك بحسب ما ترید حذفه). 


4- بتحديد الجزء الذي تريد حذفه من الجدول» افتح مرة أخرى قائمة 13016 


0 


ثم اختر أمر 6ع etاعD.‏ سیتم حذف ما قمت بتحديده من الجدول. 
توزيع الصفوف والأعمدة بالتساوي: 


إذا كان لديك جدول يشبه المعروض في الشكل التالي فلك أن تعيد توزيع 
الخلايا الموجودة في الصف الثاني حتى تبدو جميعها في أحجام متساوية. 


قاط |_عوقم_نعم 





لإعادة توزيع أحد الصفوف غير المتساوية: 
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1 حدد الجدول الذي يحوي الصفوف أو الأعمدة التي تريد إعادة توزيعها 
بالتساوي. 


2- من قائمة 1816: حدد أمر /إ1مع1177 190195 1(15]1110]6» ستتم إعادة 
توزيع الأعمدة أو الصفوف لتبدو بشكل متساوي. 


في حالة قيامك بإعادة توزيع الصفوف والأعمدة في جدولك لكن دون حدوث 
تلك العملية بالصورة الدقيقة التي تريدهاء فإنه يمكنك استخدام أمر التراجع 1200 
من قائمة 180116 للرجوع للحالة السابقة. 


الرسومات والصور 


يشير مصطلح الرسومات graphics‏ عادة ال أي عنصر مرئي غير نصي 
ر کے هة اح قور هوه ار صاصر ي اا ا ات 
الرسومية الساكنة التي توجد في صيغتين هما '011) و 2100ل . 


من أهم القواعد التي يجب أن تنتبه لها عند استخدام الصور في الويب وهي: 


1 - استخدم صوراً صغيرة الحجم: الصور كبيرة الحجم تأخذ وقتاً عند تحميلها 
أما الصور صغيرة الحجم فتكون سريعة وتؤدي إلى استعراض صفحاتك بشكل 


رح 


2- اجعل كل صفحة ويب لديك تحنفظ بأقل عدد من الصور: وجود عدد 
كبير من الصور في صفحة الويب أمر سيءء لأنه يؤدي إلى بطء التحميل كثيرا. 
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3ك ل تاضور ال :صنفهة الوميت لمتهرد أناك كملك :صيورا كقرةه :تاك 
من أن الصور التي تضيفها إلى صفحاتك سوف تضيف شيئاً ما إلى محتواها. 


فة طرف فول غلك إنقاء صفحات الرف الخاضة بك قرم هذه الطرةة 
على إنشاء مجلد للصور - اسمه -/ 138186115 داخل مجلد 7865 الخاص بك 
حيث تخزن فيه كل ملفات الصور لديك فعند إنشاء موقع ويب يتم في الوضع 
الافتراضي إنشاء مجلد -/ 11180175 ليستخدم في تخزين ملفات الصور الخاصة 
بك. 


صفحات الأنماط والعناصر النشطة 


د 


العناصر النشطة 165062]5© 3011176 مجموعة من الأدوات التي تضيف قدرا 
من الإثارة إلى صفحة الويب» وهي على سبيل المثال لا الحصر الأزرار المتحركة 
buttons hover‏ و عداد الزيارة counter‏ ]21 والنص المتحرك ع11210116 . 
أما الأزرار المتحركة فهي عبارة عن أزرار لها تأثيرات خاصة وأما عداد الزيارة فهو 
عبارة عن وسيلة عرض تبين عدد الزوار لموقعك . والنص المتحرك هو عنوان 


ولنبدأ أولاً ب الأزرار المتحركة بإمكانك أن تجعل هذه الأزرار تتوهج عندما يقوم 
المستخدم بتمرير مؤشر الفارة فوقها والكثير غيرها من المؤثرات الحركية وايضا 
تستطيع تشغيل أصوات أو عرض صورة معينة . 


من أجل إضافة أزرار متحركة: 


Web Insert من ]12561 اختر ]001220161) 1165 لتفتح مربع حور‎ -1 
ùمو‎ Dynamic Effects Janî Component Type ja رتaخl‎ Component 


Hover Button jal Choose an effect 


378 


01121 1ااننا لأعثالا لرعودرا 


wormponent type: ~hoose an effect: 
fJ Uynamic Effects EE THover Button 
a Web Search Ez "13: ععراو‎ 

HE Spreadsheets and charts Banner Ad Manager 
Hit Lounter 

ل 

58 Included Zoantent 

Raa) Link Ears 

Table of Zontents 

Top 10 List 

List Wien 


reate a button that contains a hyperlink ta anather page, When a visitor mouses over ik, the button 
an change colar, display a picture, or play a sound effect, 


Find carnpanents 
ان‎ _anrcel = Bark Eexl = | 
7 





2- أضف ما تراه مناسباً من التأثيرات من حيث اسم الزر والرابط الذي سيربط 
إليه الزر ولون الزر و التأثير الحركي للزر ... ألخ من التأثيرات. 


Hover Button Properiles 


Button bext! E بادآ مجتضوعهة‎ | 
Link to: [ww ,sadaagroup com Brose, ,, 


Button color: گآ‎ 3 Background colar: 18 Suto: > 
Effect: [alow | Effect calor: 


width: 120 Height: 





209 


ثانياً عداد الزيارة: من 105616 اختر مك555 00112026104 لتفتح مربع حوار 
Component ‘Type jin رتë|l Insert Web Component‏ أمر Hit‏ 


Counter‏ ومن عاsty a counter‏ م00sطC‏ اختر شکل العداد الذي ترغب بھ۔ 


Insert Web Lomponent 


_amponent ype! ~hooase a counter style: 
ag Lynamic Effects 
ê web Search 
E Spreadshaets and charts 
Lag l= 
Photo تاقد‎ 
Included Zontenkt 


14 85 1 5" 2856 ] 


Insert a counter that tallies and displays the number of times the page has been ¥isited, 


Find carnpanıents 
کک‎ e | | ت‎ | e [ 





ثالثاً النص المتحرك: من 105616 اختر 0070300126174© 77765 لتفتح مربع حوار 
Insert Web Component‏ |ختر Dynamic رnİ Component Type ja‏ 


. Marquee |ختر‎ an effect Choose jay Effects 


وهنا يفتح مربع حوار 7107611165 213101166 الذي تستطيع من خلاله إضافة 
النص المتحرك إضافة إلى تطبيق التأثيرات الحركية واللونية المختلفة عليه. 
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Marquee Properties 


بسم الله الرحمن الرحيم ESE‏ 


Direction Speed Behavior 


f Left Delay: 0 2 7 sero 


` slide 
Amount: 6 ا‎ 
لت‎ ` Alternate 


` Right 


RHepeak‏ عداد 


| width: |“ Continuously 
كر‎ 
لت‎ 
[| Height: ظ‎ 


calor:‏ كه 
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التعرف على صفحات الأنماط : 


هي عبارة عن وسيلة تتيح التحكم في سمات معينة داخل موقع الويب بأكمله. 
بعبارة أخرىء تتيح لك صفحات الأنماط التحكم في سمات معينة داخل موقع الويب 
بأكمله. أي أنها تتيح لك التحكم في كافة مظاهر النص الذي يظهر داخل صفحات 
الويب. 


أيضاً توجد طريقة أسهل للحصول على نفس النتائج. حيث يتيح لك فرونت بيج 
استخدام ما يسمى ب " الفكرة العامة مصmعطi‏ لتغيير هيئة وشكل مواقع الويبب 
الخاصة بك . 
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تطبيق الأفكار العامة على موقع الويب: 


إن أردت تطبيق إحدى الأفكار العامة الجاهزة على موقع الويب يمكنك القيام 
بذلك بسهولة بتطبيق إحدى أو كل الأفكار العامة ولكن إن أردت تطبيقها جميعا 


مرة وأحدة. 
لتطبيق فكرة عامة على موقع الويب الخاص بك: 


1- حدد الموقع الذي تريد أن تطبق عليه الفكرة العامة ثم افتح هذا الموقع 
داخل فرونت بيج. 


2-2 من قائمة 10110846 اختر أمر 116106 لتفتح مربع حوار 11561065 


Apply Theme to: Sample of Theme: 
ll pages 
(* Selected pages) 





و بمج ور 

E O‏ لل ا 
E FT Button E TT Button‏ 

I UI 





I Yivid colors 


¥ Active graphics ۰ ) 

[¥ Background pict 1 

u” Heading 1 Style 
4 


__ ee | _ Maly + | SCN 





3- لتطبيق الفكرة العامة على موقع الويب بأكمله» حدد زر الخيار 411 
5 الذي يوجد في جزء 16 1161026 42179 لكن لتطبيقها على صفحات 
معينة» فانقر زر الخيار 6ع5223 561601601 كما تستطيع أن تجعل الفكرة نطبق 
بكاملها أو بعض أجزائها من خلال الخيارات الموجودة أسفل أنواع الأفكار. 
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4- في مربع 116106 استخدم شريط التمرير إلى أسفل حتى تصل إلى 
الفكرة العامة التي تريدها. عند نقر كل فكرة عامة موجودة سترى تمثيلاً لها داخل 
نافڈö Sample of Theme‏ الموجودة في يمين مربع الحوار. 


5- عندما ترى الفكرة العامة التي تريدهاء انقر زر >01» سيبداً فرونت بيج 
بتطبيق الفكرة العامة على الصفحات التي حددتها أو على الموقع بأكمله. 


6- عندما ينتهي فرونت بيج من نطبب تطبيق ا لفكرة العامة الجديدة. ستظهر 
الضيقكة الك خا ا ك ا ع 


تعديل الفكرة العامة في فرونت بيج: 
لتحديد فكرة وتبدأ في تعديلهاء لعمل ذلك» اتبع الخطوات التالية: 
1- اختر أمر 1161065 من قائمة 10150824 لتفتح مربع 11610©5. 


2- حدد الفكرة العامة التي تريد تعديلها من بين الأفكار العامة المتاحة. 
ستظهر الفكرة العامة داخل نافذة .Sample of Theme‏ 


3- انقر زر 2400119 وستظهر في مربع الحوار ثلاثة أزرار إضافية» وهي 
9 و غ16 و 1105م613©. انقر أحد الأزرار الثلاثئة بحسب العنصر الذي 
تريد تعديله في الفكرة العامة. إذا أردت تعديل أكثر من عنصر في النصء فانقر 
زر 161 . سيظهر لك مربع حوار 51001197 1161026 ليعرض عناصر النص 
ال گن کدنا . 


4- من قائمة 16610 حدد العنصر الذي تريد تغييره. ف حدد ع2012ع111 
لتعرض الخط المستخدم في عناوين 111620128 . 
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5- حدد خطأ مخثلفاً يستخدم في 111620128 » وسيحدد هذا الخط الجديد 


6- إذا أردت تغيير أي إعدادات خاصة بحجم بقية الرؤوس الأخرىء فقم بهذه 
التغييرات مثلما فعلت في الخطوات من 4 إلى 6 ثم انقر بعد ذلك زر ه 


7- كي تتأكد من أنك لم تحذف الفكرة العامة الموجودة لديك» انقر زر S۷2‏ 
9 لتحفظ التغييرات باسم جديد. في الوضع الافتراضي سيقدم فرونت بيج اسما 
للفكرة العامة الجديدة هو 126706 04 :(م007). تستطيع أن تقبل هذا الاسم أو تقوم 


بتغييره» انقر 016 مرة أخرى لإغلاق مربع حوار 1261065 . 

إن إدراج فيلم الفلاش في صفحة ويب يعتبر من الأمور المهمة جداً » حيث أن 
الفلاش أصبح يستخدم وبشكل كبير من أجل إضاففة التأثيرات الحركية والجمالية في 
موقع الانترنيت إضافة إلى الأكشن سكريبت وما تعطيه من إمكانيات تقنية ... 
ولذلك فإن تعلم هذا الأمر يعتبر من الأمور الأساسية وهذا الأمر بسيط جداً وهو 
ينقسم إلى قسمين إدراج ملف الفلاش عن طريق فرونت بيج وادراجه عن طريقة لغة 
html‏ .. 

أدراج ملف الفلاش في الفرونت بيج : 

2 - من القائمة الرئيسية للفلاش أختر 710716>1116 1200116 احفظ الملف 


في القرص الصلب باسم 53028 على سبيل المثال وبصيغة 51781 اضغط 525 


ثم 016 ٹم 0K‏ مرة أخرى. 
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لاحظ بأن البرنامج قد قام بتصدير الفيلم على هيئة 85133:67 1/1351 باسم 
51 الملفات ذات الامتداد 5184 هي التي يمكن أن تدرج في صفحات 


الويب وتعرض في الإنترنت. 


إليها ثم نختار من القائمة الرئيسة ]12561 > advansed < web component‏ 


Plug-In < 


أما بالنسبة لمستخدم فرونت بيج باللغة العربية يختار من القائمة الرئيسية 


إذراج مكون ويب 


HTL 
تطبيقات 35ل الصغيزة‎ 


عنصر تحتم عمدت 


عذاذ الذخوال 

معرض الصور الفغونوغرافية 
تصصين الستعنوت 

أشوطة الأرتباط 

جدول المحتوبات 

قائمة الصراتب العشرة الأولى 


مكونات إضافية 
عناصر تعثم EET‏ 


لذراج أذاة إضافية. 


| اشر _[ حسف | 





وذلك بالضغط على 8101561 ثم نختار الملف المطلوب ثم 0K‏ بعد ذلك قم 
تحن أي الس من ك 
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1111111010 


قصتز البيانات : 


رسيالة للمستجرضات التي لا ندعم الكاقنات اللأضافية؛ 


الحجتر 
الأرتفاع:  ITA eT ٠5/1‏ ْ ] إخفاء الكائن االإضافي 
د م 
المحاذاة: الافتراضي 5 تباعد افقي : + ْ 
ْ تباحد نسوذتب : + ْ 


ظ نصط... ظ موافق | إلخاك الأمر 





إدراج ملف الفلاش عن طريق لغة 16021 : 


طبعاً أولآً عليك القيام بالعمليتين السابقتين 1 » 2 حتى تقوم بحفظ الملف 


بصيغة ]51917 . 


<embed wıdth="550" he1ght="400" 
srec="http://www.sadaagroup.com/sadaa.swf" 


type="application/x-shockwave-flash'"'> 


انسخ الكود أعلاه وألصقه في المكان الذي تريد أن تدرج فيه الفيلم في صفحة 
الويب » لا تنسى تغير وصلة الملف لتتلاءم مع عنوان موقعك الشخصي والمجلد 
الذي نقلت إليه ملف الفلاش إضافة إلى أبعاد فيلم الفلاش الخاص بك حيث أننا 
هنا وضعنا الأبعاد الافتراضية وهي 400 * 550 بكسل (لا تنسى الأبعاد 
بالبكسل). 


وهكذا تعلمت كيف تدرج فيلم فلاش في صفحة ويب وقد لاحظت أن هذا الأمر 
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إنشاء سجل الزوار 


إن سجل الزوار يتيح لزوار موقعك إعطاء رأيهم في الموقع» وطريقة عمل سجل 
الزوار أمر سهل باستخدام برنامج فرونت بيج؛ طبعاً لا يمكن تجريب سجل الزوار 


أنشئ موقعاً جديداً كما تعلمت في الدروس السابقة» ومن ثم من جديد اختر 
صفحة أو ويب ومن ثم قوالب الصفحة»ء من قوالب الصفحة اختر دفتر الضيوف أو 
estbo)‏ بالنسبة للفرونت بيج باللغة الإنكليزية. 
















1 
× |? 
لدل 1 
| أوراق أنماط | صفحات إطارات | عام Back-ground‏ 
guestlog‏ 
|2 و | 82 صفحات إضافية... 
ا بحديد 
IBi‏ [ضاذّة ممدة ويب قط صفحة قارغة 


] فيح في الإطار الحالي لفقا صفحة ويب فارغة 


الوصف ؛حديد من صغحة مصوحودة 
إنشاء صفحة يمكن لزوار صفحة ويب ترك اختيار صفحة... 
تعليقاتهم فيها في سجل ضيوف عام, 








نص نص_ضيق, معرض الصور 
عناوين ومحاذق نا.., ومحاة ذى ناء.. الفوتوغرافية 


انق لذ ته تك 


نص قي عمود نص فقي عمود نص قي عمود ا 
ذو شریط جا... ذو شریط جاء.. 


ا 


معاينة لهذا قوالب موقع ويب.. 
[ قوالب على Microsoft, cO‏ 





ومن ثم تقوم بتخصيص السجل كما تشاء من إضافة حقول جديدة للاسم والبريد 


إنشاء فورم بريدي 


إن الفورم البريدي يتيح لزوار موقعك إرسال رسائل مباشرة لك من موقعك إلى 
عنوان بريد الكتروني أنت تقوم بتحديده» وطريقة عمل الفورم البريدي أمر سهل 
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باستخدام برنامج فرونت بيج» طبعاً لا يمكن تجريب الفورم البريدي إلا بعد أن تقوم 


أنشئ موقعا جديدا كما تعلمت في الدروس السابقة» ومن ثم من جديد اختر 


صفحة أو ويب ومن ثم قوالب الصفحة؛ من قوالب الصفحة اختر نموذج 
المعلومات أو 601121023311 بالنسبة للفرونت بيج باللغة الإنكليزية ومن ثم موافق» 










| أوراق أنماط | صفحات إطارات أ عام 


| ° 
خیارات 
] فح في الإطار الحالي 





نص قي عمود نص فقي عمود نص في عدود نص في ثلاثة 
ذو شريط جنا... ذو شريط جا..., اعمدة 


للق له لذ ك 


نص في عمود نص في عمود نص قي عدود نص في عدود 
واحد ذو مح... واحد ذو اشر... ذو محتویات... ذو محتویات... 


عمودين مرتبين عدوذين ذو ... عمودين ذو... عمودین 


لك ك8 


نموذج التأكيد 
عمدوذين ونا ., 


الوصف 
إزسال تعليقات حول موقع ويب او 
المنتجات أو المؤسسة, 














Learn Frontpag #P 
10 
domain agreement 
domain 
صفحات إضافية...‎ 2 
إحديد‎ 
صفحة فارغة‎ ] 
للا صفحة ويب فارغة‎ 
حديد من صفحة موحودة‎ 
إحديد من قالب‎ 


صفحة ور ذات صفحة واحدة 







ا قوالب موقح ويب... 
إلى قوالب على Microsoft, c0”‏ 


ومن ثم تقوم بتخصيص الفورم البريدي كما تشاء من إضافة حقول جديدة أو 


نت 


الإيميل الذي ترغب أن تصل إليه النتائج في حقل عنوان البريد الالكتروني. 
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infomsadaagroup, corn] | 





إضافة الصور باستخدام فرونت بيج 
لإضافة صورة إلى صفحة الويب: 
1- في فرونت بيج» افتح صفحة جديدة داخل الموقع الخاص بك. 


2- من قائمة 105©1]6» حدد خيار 2100016 ثم 1116 11012 لتفتح مربع 


حوار ©17101111. 
3- حدد ملف الصورة التي تريد إدراجها في صفحتك. 


> انقر زر 01 وستظهر الصورة في صفحة الويب انظر الشكل. 
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5- من قائمة 1116» حدد أمر 53876 لتفتح مربع حوار 835 5976 (انظر 
الشكل التالي) لتتأكد من أن ملف الصورة قد تم حفظه مع موقع الويب إلى جانب 
حفظه في مجلد / 11140115 . 


save Embedded Files 





Ernbedded files مغ‎ save: Picture prey: 





Renarië ظ‎ —hange Folder... ظ‎ gek Action, ظ ب‎ Picture Options... ظ‎ 
el | 


6- إذا لم يكن المجلد المحدد لحفظ ملف الصورة هو مجلد 1۷۸6٤8‏ › 
فانقر زر 1231565) ثم حدد مجلد 181403115 ثم انقر زر 012 . 


7- انقر زر 012 لتحفظ ملف الصورة مع موقع الويب الخاص بك. 
تعديل ملفات الصور لديك : 

من الإعدادات التي يمكنك القيام بها لتعديل ملفات الصور ما يلي: 

× التحكم في أبعاد الصورة داخل الصفحة 

× التحكم في طريقة محاذاة النص بالنسبة للصورة 


x‏ تحديد إذا ما كان سيتم عرض الصورة داخل الحدود 
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“ا إضافة ارتباط تشعبي إلى الصورة 
وال طريقة عرض اسو دغل دا الي 
1- حدد الصورة التي تريد تعديلها. 


2 من قائمة ۴٥۲٣۵٤‏ حدد أمر Properties‏ لتفتح مرئيم حوار 


.Properties Picture 


Picture Properties 





Appearance | General | video | 


Wrapping style 


15 5 لها 


None Left Right 


Layouk 


Alignment: [Default ¥ Harizontal spacing: 0 
Boarder thickness: 0 - Yertical spacing: 0 ص‎ 


ize 
F7 Specify size width: [S03 لت‎ Height: [313 لت‎ 
2 2 
۳ ص‎ 
8 





reel | 


3- لإضافة ارتباط تشعبي إلى الصورةء اكتب عنوان ]0۸1 الخاص بالارتباط 
التشعبي الذي تريد ربطه مع الصورة» وذلك باستخدام جزء Default‏ 
6 . في مريع الحوار قد يكون عنوان 01 أحد المواقع الأخرى على 


391 


الويب أو ملفاً أخر على الموقع الخاص بكء ويمكنك استخدام 8101856 لتحدد 
عنوان 17181 إذا لم تستطع أن تتذكره. 


4- لتعديل أبعاد الصورةء حدد علامة تبويب 62313006مم8, لتفتح النافذة 
الخاصة بها. 


5- قم بتغيير قيمتي العرض والارتفاع لتعدل أبعاد عرض الصورة. 


6- انقر زر 01 لحفظ تغييراتك واغلاق مربع حوار Picture‏ 


. Properties 
التحكم فى الصور داخل فرونت بيج‎ 
التحكم في الصور باستخدام الجداول:‎ 


لكي يتضح لك كيف تساعدك الجداول على سهولة التحكم في وضع الصور 
والنص داخل صفحة الويب: 


1- قم بإنشاء صفحة جديدة. 

2- قم بإنشاء جدول داخل صفحة بحيث يتكون من خليتين. 
3- أدرج صورتك في الخلية اليسرى. 

إنشاء نماذج مصغرة للصور: 


النماذج المصغرة عبارة عن نسخ صغيرة لصور كبيرة الحجم» إلى جانب كونها 
ارتباطات للصور الكبيرة» وكمثال على النماذج المصغرة للصور وكيفية استخدامك 
لها تشغيل المستعرض الخاص بكء انتقل إلى العنوان او تنسيقها. 
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تستخدم النماذج المصغرة للصور عندما يكون عندك عدة صور كبيرة وتريد أن 





O NIHE LS ATL TI ا ار‎ 


Edit  Yiew Insert Foarmat Tools: Table Frames Wi‏ عاط 
ل له @ > 323--1 


جم 2 - م12 3 بج موده WÎ Times New‏ ا 


` #“تسطغط.1_عوهمرسعم ”م “#ترغراءالتجكم في الصورز قي فرونت سح" 3 








عند تصميم صفحات الويب ضع في اعتبارك أن معظم المستخدمين مازالوا 
يستعرضون الويب باستخدام مودم سرعته 28.8 كيلوبت في الثانية. لذلك عليك أن 
تراعي في تصميم الصفحات سرعة تحميلها عند استعراضها . 


لإنشاء نموذج مصغر لإحدى الصور : 
1- قم بإنشاء صفحة جديدة. 
ر2 أدرج أي صورة في الصفحة. 


3- تأكد من ظهور شريط أدوات الصورة داخل النافذة الرئيسية لفرونت بيج» 
إن لم يكن هذا الشريط ظاهراًء فحدد خيار 10015815 من قائمة 77168 وتأكد من 


تحديد أآأمر ع1]2120111. 
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4- حدد الصورة التي أدرجتها في الصفحة,؛ ثم انقر رمز 410 
10811 الموجود على شريط أدوات الصورة سيتم على الفور استبدال نموذج 
مصغر بالصورة الأصلية. 






Times ME‏ + اقم دل" 


الصور في فرونت بيجم 7 





BTML U PreYim ا٤ا‎ 
al هآ‎ A Ak Ak ك‎ 


ع ا 


3 EE EEE كنك‎ 
` Auto Thumbnail (ctrl+T)| فالا‎ 





Drtawy ”‏ 
6R 4‏ أيضاً تعديل طريقة ظهور النماذج ١‏ لمصغرة للصور داخل الصفحة. 
للقيام بهذا الإجراء: 


1- من قائمة 10015 . حدد أمر 161005م00© 2386 لتفتح مربع حوار 


.Page Options 


2- حدد علامة تبويب 1120151502211 0ن۸ لتفتح اللوحة الخاصة بها. 
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15ام ن) عدون 


2 Auta Thumbnail | Default Fant | HTML Source | Zolor Zoding | Larmpakibiliky | 


= 
اک 


Eorder Pixels: 2 ل‎ 
¥ thickness = 


| Beveled edge 


| ست 





3- هنا تستطيع التحكم في حجم النماذج المصغرة للصورة إلى جانب التحكم 
في حجم ونوع الحدود التي تظهر حول هذه النماذج داخل صفحات الويب. 


إنشاء الخلفيات : 


توجد طريقتان لاستخدام ملفات الصور كخلفيات. الأولى هي استخدام الصورة 
لإنشاء خلفية عادية» والثانية هى إنشاء ما يسمى ب " العلامة المائية " 


. watermark 
إنشاء خلفية عادية:‎ 


1- اختر امير Properties‏ من قائمۂ F1]‏ لتفتح مربع حوار 


Properties Page 


2- انقر علامة تبويب Background‏ 
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3- حدد مربع العلامة 8361281701120 21011116 » ثم أدخل إسم ملف الصورة 
التي تريد استخدامها كخلفية . إن لم تتذكر جيداً اسم ملف الصورة » فاستخدم زر 


075 للبحث عنه وتحديد موقعه . 


4- انقر زر 01 » وستظهر الصورة التي حددتها كخلفية للصفحة التي 
تتعامل معها تاليا .+ 


لا ينبغي ان تستخدم صورة خلفية تتفوق على النص والصور التي تعرضها في 


إنشاء العلامة المائية : 
لتعبين صورة الخلفية كعلامة مائية : 


اا من قائمة ۴1٥‏ » حدد أمر Properties‏ لتفتح مربع حوار 


. Properties Page 
. انقر علامة تبويب 85201281011120 لتفتح اللوحة الخاصة بها‎ -2 
. watermark ةnڻںعll حدد مربع‎ -3 


4- انقر زر ه » لتصبح بذلك الصورة التي حددتها للخلفية علامة مائية 
لصفحة الويب التي تصممها . 


إنشاء الارتباطات: 


يعتبر هذا الدرس ألف وباء تصميم مواقع الانترنيت ولذلك كن مستعداً جيداً 
لتعلمه بشكل جيد كما أنه أطول الدروس في هذه المجموعة التعليمية وقد كان من 
الممكن قسم هذا الدرس إلى درسين منفصلين ولكن بسبب أهميته فضلت أن يكون 
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ذزسا واخذا :قد يكونطوئلا عضن ال و لگن لا بذ أنك قد امظكت الكيرة الكافية 
من أجل فهم مثل هذا الدرس بسهولة. 


كيف تعمل الارتباطات: 


عند عرض أي صفحة ويب بواسطة مستعرض الويب الخاص بكء يقوم 
المستعرض بتفسير الارتباطات على أنها توصيلات إلى ملفات أو موارد أخرى 
على الإنترنت. إذا كنت من مستخدمي نيتسكيب أو إنترنت إكسبلورر» فسيتحول 
المؤشر بعد وضعه على الارتباط إلى يد بها إصبع مرفوع هذا المؤشر يدل على 
وجود ارتباط إلى مورد آخر على الإنترنت. يتيح لك فرونت بيج إنشاء الارتباطات 
القن تريدها قى تشفحانة الريب الخاضنة يك: 


أنواع الارتباطات: 


هناك عدة أنواع من الارتباطات فبعضها يربط إلى صفحات داخل الموقع 
وبعضها الآخر يربط إلى مواقع أخرى وبعضها يربط إلى عنوان بريد الكتروني 
وأخيراً الارتباطات داخل نفس الصفحة و مايسمى أيضاً إشارة مرجعية أو مايدعى 
5001403516 وأخيراً أحب أن أنوه أن لا فرق بين الارتباطات بواسطة النصوص 
أو بواسطة الصور بل كلاهما لهما نفس الطريقة. 


ولنبدأ أولاً ب الارتباطات إلى صفحات داخل الموقع: 
1- قم بإنشاء صفحة جديدة. 
2- اكتب النص التالي: 


صدى ل تصميم مواقع الانترنيت وحجز الأسماء والمساحات أو أي نص آخر 
تريد أن تنشئ له ارتباطاً ثم حدد الكلمات. 


397 


3- من قائمة 1025616 » اختر أمر 11780611115 لتفتح مربع حوار ]175611 
Hyperlink‏ . 


اضغط على الأيقونة التي تحمل شكل مجلد فوقه سهم منحني» فيفتح لك مربع 
حوارء من 12 1,001 حدد موقع الصفحة التي تريدها أن ترتبط إلى هذه الكلمات 
ثم اضغط على موافق. 





عارتامع مزلا أرعوترا 


Link Eo: Text to display: ScrFBENTiD... ظ‎ 





۳ j _Pprivake اقا‎ Target FramEë,.. ظ‎ 


eet ك‎ ar : ج 2 ا‎ 
web Page .انشاء الزتباطات م اك‎ hn زمغصه)‎ __Egokmark... | 
2 
new_page_1, htm unsaved} 





2 irı ل‎ 
DacumenE Erowsed ParamEelers,,, ظ‎ 
Pages 
SEE... ظ‎ 
L_reate Mew Recent 
Cocument Files 
ددع للم‎ 


وهكذا تكون قد حصلت على ارتباط إلى صفحة داخل الموقع 
ل انشاء ارتباط إلى مواقع أخرى: 

1- قم بإنشاء صفحة جديدة. 

2- اكتب النص التالي: 


صدى ل تصميم مواقع الانترنيت وحجز الأسماء والمساحات أو أي نص آخر 
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3- حدد الكلمات ومن قائمة 105616 ٠»‏ اختر أمر 117611151 لتفتح مربع 
حوار Insert Hyperlink‏ 


ا ا 0 :ك ا اض ااال : 


.www.anything.com 


5- انقر زر ه لإغلاق مربع الحوار وحفظ الارتباط. 


2 


Insert Hyperlink ES 
Link to: Text to display: http: hww,sadaa group .com SEFEENTiD... ظ‎ 


Lonk. in: 1 سحت‎ al | 


Existing Fila or 


web Page a Bankmark..., ظ‎ 
L_uUrrenkE 1 
E 5 Target Frame... ظ‎ 


Place in This : 
Document Browsed Parameters... 
اناد : ل‎ ٠ 


باعل عاقع :ا 
DocumenE‏ 


ûddress: hEEpi fhm, sadaa {rOJp Cam لإ أب‎ 


E-mail Address 
ست‎ | 





قم بالخطوات 1 و 2 و 3 السابقة وبعد أن تفتح مربع الحوار ]آ1ع105آ 
Hyperlink‏ اذهب إلى 1-10211 4001655 فيفتح لك مربع حوار اكتب في خانة 
95 1-1021 عنوان الإيميل الذي ترغب. 


وأخيرا تشاع ازقياظ داخل تقس الصفحة: 


1 - قم ب إنشاء صفحة جديدة. 
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2 - اكتب النص الذي درغب به نم حدده. 
3 - من قائمة غ+1ع105 اختر 6001223112 


5 


Bookmark. nare: 


ther bookmarks on this pagE: 


lear | 
ص‎ 





eel | 


4 - سمه ب الاسم الذي ترغب به ويفضل أن يكون اسم له علاقة ب الارتباط 
اضغط على موافق وهكذا تكون قد أنشأت ارتباط داخلي أو مايسمى أيضاً إشارة 


بعد إنشاء الإشارة المرجعية تكتب نصاً تريده ثم تحدد النص ثم من قائمة 
se‏ » اختر أمر Hyperlink‏ lتفتح‏ مرıع‏ وار Insert Hyperlink‏ ومن 
اختر 8001651311 وحدد الإشارة المرجعية التي ترغب أن تربط إليها هذا النص. 


التعرف على الخرائط المصورة : 


عندما تنشئ عدة ارتباطات فى صورة واحدة » فإنك تنشئ ما يسمى بالخريطة 
المصورة. وللخرائط المصورة فائدة عظيمة فى صفحات الويب حيث أنها تمثل 
تصويرا رسوميا يمكن للمستعرضين استخدامه في التنقل داخل موقع الويب. 
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أول خطوة في عملية إنشاء الخريطة المصورة هي تحديد الصورة التي تنوي 
استخدامها › إذاً عليك أن تختار ملفاً بإحدى هاتين الصيغتين '6117 أو 121:0 
عليك حفظ تلك الصور بصيغة ”0611 أو 1206 . ثم انتقل إلى خطوات تحويلها إلى 
خريطة مصورة واليك هذه الخطوات . 


1- قم بإدراج ملف الصورة في صفحة الويب التي ستضم الخريطة 
المصورة. 

2- حدد الصورة التي قمت بإدراجها في الصفحة . 

3- تأكد من ظهور شريط أدوات الصورة في في النافذة الرئيسية لفرونت بيج 


من شريط أدوات الصورة » انقر رمز 11015004 201950231 . يجب أن يظهر 
افر کے کک کے ر اکن 


4- ستستخدم المؤشر في تتبع الحواف الخارجية لأحد الكائنات في الصورة كل 
كائن تقوم بتحديده سيكون واحدة من البقاع الساخنة التي تعينها داخل الخريطة 
المصورة . انقر في أحد أركان الكائن وستظهر نقطة إرساء (مربعة). 


حرك المؤشر إلى الركن الثاني في الخط الذي يوجد حول الكائن وسترى البقعة 


5- استمر في تتبع الكائن وانشاء نقاط الإرساء إلى أن تصل إلى النقطة التي 
بدأت منها. انقر نقطة الإرساء الأولى مرة أخرى لتنهي عملية تتبع الكائن» 
وسيظهر على الفور مربع حوار كل1[12عم1197] Create‏ . 
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6- في مربع نص 80011655 » اكتب عنوان الصفحة التي تريد أن تنشئ 


7 - كرر الخطوات من 3 إلى 6 مع عدة كائنات أخرى تريد أن تحولها إلى 
نقاط ساخنة داخل الخريطة المصورة. 


أنقر أداة البقعة التي تريد استخدامها مع تحديد المناطق التي تريد تحويلها إلى 
بقاع ساخنة داخل الصورة. 


معاينة الخريطة المصورة: 


ينبغي أن تستخدم علامة تبويب 21187711519877 التي توجد في النافذة الرئيسية 
لفرونت بيج ( في الجانب الأيسر السفلي ) لتختبر الخريطة المصورة التي أنشأتها. 


لمعاينة الخريطة المصورة: 
1- تأكد من أنك مازلت تعرض الصفحة التي قمت بإنشائها. 


2- تأكد من تحديد علامة تبويب 71017721 الموجودة في الجزء السفلي من 
نافذة الصفحة. 


3- لمعاينة الصفحة والخريطة المصورة اللتين انتهيت من إنشائها » انقر 
بواسطة أحد مستعرضات الويب. 


4- ضع المؤشر فوق المناطق التي حولتها إلى مناطق ساخنة داخل الصورة. 
إذا كانت الارتباطات الموجودة لديك تعمل» فلابد أن يتحول المؤشر إلى شكل يد 


صغيرة بمجرد أن يمر فوق أحد الارتباطات. 
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وهكذا تم هذا الشرح آمل أن تكون قد كونت صورة واضحة تماماً عن كيفية 
عمل الارتباطات ولا بد أنك الآن قد أصبحت على استعداد كامل لعمل موقع ويب. 


إنشاء واستخدام الإطارات: 


باستخدام الإطارات 18:313265. والإطارات أساساً عبارة عن صفحات ويب منفصلة 
أو مستقلة يتم عرضها داخل شاشة واحدة. 


هل يجب استخدام الإطارات؟ 


يرق التعكن أنه لفات من اسنتخدامها كنا قل السعطن على استخدامها اشنا 
البعض الآخر لا يوليها أي أهمية ومن المشاكل التي تبرز لنا عند الحديث عن 
الإطارات على عرضها بصورة جيدة نظراً لاختلاف درجة وضوح الشاشة الخاصة 
بكل موقع. 


إنشاء الإطارات باستخدام قوالب فرونت بيج: 


بعد أن تنتهي من عملية التخطيط لاستخدام الإطارات إبدأ باستعراض الإطارات 
الموجودة وابحث عن قالب يشبه الذي خططة له بدرجة كبيرة دعنا نقوم بتأسيس 
موقع ويب في غاية البساطة مع الاستعانة بالإطارات: 


1[- من قائمة 1116 . اختر أمر 71617 ثم 175566 017 2886 لتفتح مربع 


حوار New‏ اختر Page Templates ai‏ . 
2- انقر علامة تبويب ©2328 1131365 لتعرض اللوحة الخاصة بها. 


إضافة تعدد الوسائط والصور المتحركة إلى موقع الويب: 
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تعريف تعدد الوسائط: 


ملفات تعدد الوسائط تنقسم إلى تعدد الوسائط المرئية 71060 والسمعية 311010 
> ضع في اعتبارك أن ملفات الصوت التي سوف تضعها في موقعك تحتاج إلى 
أن يكون كل متصفح يريد سماع الصوت أن يكون يملك كرت صوت وسماعات» 
وات القن س فة ا خد متك خر كدر ووا كديرا أخذا لك التحمول. 


إضافة الصوت إلى صفحات الويب : 


إضافة الصوت إلى موقعك أمر في غاية السهولة غير أنه ستواجهك مشكلة 
تحديد موقع أو إنشاء ملفات الصوت التي تريد استخدامها. لرؤية ( أو لسماع ) 
كيف يمكن استخدام الصوت كأحد التحسينات. 


ونظراً لأن ملفات 1151 صغيرة نسبياً » فإن تشغيلها يبدو كأنه يتم تلقائياً. إذا 
ألقيت نظرة على مجلد ملفات الإنترنت المؤقتة على جهازك ستجد ملفاً أو أكثر 
يحمل امتداد الملف 110(1“ وهذه الملفات هي ملفات 110(1 التي تستطيع 
استخدامها في سماع الصوت على جهازك. 


لإضافة أحد ملفات 1151« - أو أي نوع آخر من ملفات الصوت - إلى موقع 
الويب الخاص بك: 


1 حدد وافتح الصفحة التي تريد أن تضيف إليها ملف الصوت. 


2- من قائمة 1516 . اختر أمر 2]0061]165 لتفتح مربع حوار 72386 


. 65 
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Pape Properties 


meneral | Background | Margins | _ustorn | LanquUagE | Workgroup | 
Location: unsaved: fnew _page_1. hrm 


Title; 


Base location: 


ظ ر علقم Cefault target‏ 


Background sound 


Lacakian: Brose... ظ‎ 


Loop: 2 l# Forever 


Design-time control scripting 


ا + Client (IE 4.0 DHTIHL}‏ الات ادام 
ج [Inherit Fron Web‏ !ليك ركعت 
ج طعنببا دمحما lian; [Inherit‏ 


| اماد 


| ست 





ر في جزء 5011101 «Background‏ اكتب اسم الملف الصوتي في مربع 
نص 10٥21٥١‏ » استخدم زر 851501756. إذا لم تستطع تذكر الموقع المحفوظ 
فيه الملف. 


ا في جزء م1.00 » حدد عدد المرات انين تريدها لتشغيل الملف الصوتي 
تستطيع تحديد خانة 1016161 » مما يعني أن تشغيل الملف الصوتي سيدوم طيلة 
ردن العتحة إزتى E‏ 


5- 'ننقر زر 01 لتحفظ الإعدادات التي حددتها وتغلق مربع الحوار. 


٠-6‏ لمدايدة الصفحة مع الخلنية الصيوقة الخاصة بهاء القر علامة ثريب 
preview‏ داخل النافدة الرئيسية لفرونت بيج. 
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إضافة لقطات الفيديو إلى صفحات الويب: 


اعلم أن لقطات الفيديو تميل إلى استخدام ملفات كبيرة الحجم وتستلزم تحميلها 
بالكامل قبل أن يتمكن المستخدمون من مشاهدتها. 


لإضافة إحدى لقطات الفيديو إلى موقع الويب: 
1- حدد وافتح الصفحة التي تريد أن تضيف إليها لقطة الفيديو. 


2- من قائمة 105616 » حدد أمر 21011116 ثم 171060 لتفتح مربع 171060 
وبالتالي يمكنك تحديد ملف لقظة الفيديو المراد إلى الموقع. 


> كاده + E‏ ا ا | ا |- م Frant Page‏ لهك أ Look in:‏ 
81 لعا س 
ع #1 
نا ع ال ا History‏ 
اكالم 
2 
3 
101 )= 
02[ 
00 ص 
دم لطا لك 
القوالب في فرونت بيج ۲[ Desktop‏ 
ي الصور في فرونت ب۷[ 
التجامل مع النمن [٣‏ 
التحرف على فرونت بيجا [كه : 
الرسومات والصور“ غ : Favorites‏ 
2 
چ File name:‏ 9 


[1 Network 


Places Files of Lype: ادا‎ Files ج‎ Zancel 





3- في الوضع الافتراضي» يجعل فرونت بيج كافة لقطات الفيديو تبدأ التشغيل 
تلقائياً عندما يتم إدراجها في الصفحة المحددة. إذا لم ترغب في أن تبدأ لقطات 
الفيديو التشغيل تلقائياً عندما تكون صفحة الويب التي تضم تلك اللقطات مفتوحة › 


قم بعد ذلك بتحدید أمر 61]165م260 من قائمة 1011036 لتفتح مربع 51011116 
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65 . إذا لم تكن علامة تبويب 71160 محددة » قم بتحديدها لتعرض 
EE‏ 


Picture Properties A 
AppEafaNEE | General iden | 


“عع رامع Widen‏ 


1 Browse, ,, ظ‎ 


تدمع م 


Lanp: 1 | Forever 
Loop delay: 0 ص‎ milliseconds 


قاد 


` On file open ] On mouse عبات‎ 





| عست 





4- توجد خيارين لبدء تشغيل لقطات الفيديو لديك تلقائياً أو عند تمرير مؤشر 
الفأرة فوق لقطة الفيديو حدد طريقة البدء التي تريد استخدامها بالتحديد على مربع 
العلامة. 


5- بكتابة رقم في خانة م1.00 » تستطيع تحديد عدد المرات التي تريدها 
1 غي[ 5 لة الفيديو. 


6- بعد إنهاء التعديلات الخاصة بعدد مرات تشغيل اللقطة» انقر زر ©5237 


7- لمعاينة لقطة الفيديو بعد إدراجها فى الصفحة» انقر علامة تبويب 
preview‏ داخل النافدة الرئيسية لفرونت بيج. 
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زه 
5 
8 


Description 


_raaktes a banner frame at the top, 
with a contents and main frame. 
Hyperlinks in the banner change the 
contents frame, 


لباك ممعم 


| عست 


3- حدد الإطار الذي تريد استخدامه في صفحتكء في مثالنا حدد قالب 


آم 
98 
لا 


Footnotes 


۳ 


= 
٣ 


7 


لے 


Nested 
Hierarchy 





Pape | كع ]مام تدع‎ 
deneral Frames Pages | style Sheets | 


س 
1 
ا 


LL 
شس‎ 
2 _oanktenkts 


Footer 
رةه‎ 


ي ي 
و كس | 
#8 |5 
سے سے 
Header, Horizontal Split‏ 


Foagter ã,., 


- 
F7 
F 


ےا 


لا 


Tap-Domn Yertical 5pliE 


Hierarchy 


15 الذي يتيح لك إنشاء صفحة بداخلها إطاران. 


4- انقر عاه لإغلاق مربع الحوار وانشاء صفحة الويب باستخدام القالب 


الذي حددته. 
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ااك IIL‏ ل ل ا ل لك اليا 
ماعط File Edit View Insert Format Tools Table Frames Window‏ 

ODE @?‏ | *# © 85 4 | 2 ها ق | - 85 | 2ه 9 اه - 2 - ذا : 
| 3 


272 ب کر ا 
تت | 


new_page_Z.htm™ 











Set Initial Page... 9 
Get Initial Page... 


ينبغي أن تحدد المحتوى الذي ستضعه في الإطارين » كأن تدرج صفحات 
موجودة لديك أو تنشئ: صفحات جديدة من فراغ . 


1- في الإطار الأيسرء انقر زر 2386 /71617 وسيتم إنشاء صفحة جديدة في 


الإطار. 
2- اكتب النص التالي في الصفحة المؤطرة : 
1Page‏ 
صفحة 1 
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3- حدد نص م1238 من قائمة +1056©1» حدد أمر 1190611101 لتفتح مربع 
الحوار 11ع05] كعلم111ءم119] . 


4- في مربع 8007655 اكتب اسم إحدى الصفحات التي أنشأتها من قبل في 


الدروس السابقة أو حدد إحداها ب أي طريقة تودها. 


5- في مربع حوار Hyperlink‏ 116ء125»: انقر زر Frame‏ argetا‏ لتفتح 
مربع حار Frame Target‏ 


Target Frame 


wurrent frames page 2و3 1ات ]اتا‎ 5 


أعمصم؟ عارك اعن عمددم 


Parent FrarmEê 


Target setting 


ات م 


5 


| اسه 





6- يعرض مرہع وار NERD Target Frame‏ للإطارين الموجودين 
في الصفحةء حدد الإطار الأيمن بالنقر داخلهء هذا الإطار هو المكان الذي 
ستظهر فيه الصفحة التي أنشأت لها إطاراء حيث تم عرضها عندما تحدد الإطار 
الذي ا 
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7- انقر زر 012 لإغلاق مربع الحوار عمتة1آ1 أاعع1318 . انقر زر 012 مرة 
أخرى لإغلاق مربع حوار >11101ءم:119 105616. 


8- كرر الخطوات من 3 إلى 7 مع نصي صفحة 1و مع تحديد صفحتين 
مختلفتين لعرضهما في هذين الارتباطين. 


9- تم الانتهاء من إنشاء صفحتك المؤطرة تقريباًء الآن تحتاج إلى إلى تحديد 
الصفحة التي سيتم عرضها وغالباً ما تكون نفس الصفحة التي تمت تسميتها 
بواسطة ارتباط 129386 انقر زر 1210131 ]56 2386 الموجود في اللوحة اليمنى 
لتفتح مربع حار Hyperlink [Insert‏ . 


0- اكتب اسم الملف الذي يحتوي على ارتباط إلى 1386 الذي أنشأته في 
الخطوة 4. 


1- انقر زر 01 لإغلاق مربع الحوار. 


2- من قائمة ١٥۴1ء‏ حدد أمر 5376 لحفظ ملفاتك. سيطلب منك حفظ كل 
الملفات التي أنشأتها. ونظراً لأنك أنشأت الملف الظاهر في الإطار الأيسر. 
سحظات ا ا إلى ا ق الم ا و ا 
م 13265616 وهو الملف الذي يتحكم في الصفحة المؤطرة. 


3- بعد الانتهاء من حفظ ملفاتك » حدد علامة تبويب 286571617 لعرض 
الصفحات المؤطرة ( أي ذات الإطارات ) واختبر أدوات التحكم في الإطارات. 


نشر موقع الويب وادارته 


الاستعداد لنشر موقع الويب الخاص بك : 
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هناك العديد من الطرق من أجل نشر مواقع الانترنيت منها عن طريق فرونت 
بيج ومنها عن طريق 102212861 ©111 وشا منها عن طريق برنامج ما1775_1 . 


أما مساوئ الطريقة الثانية أي برنامج فيل ماناجر فهي أنه لا يمكنك أن ترسل 
جميع ملفاتك دفعة واحدة بل عليك أن ترسلها ملف تلو الآخر ولذلك هذه الطريقة 
صعبة وقليلة الاستخدام» أما برنامج م]75_1 فهو برنامج رائع من أجل نشر 
المواقع فما عليك إلا أن تضع اسم المستخدم وكلمة المرور حتى تصبح عملية 
النشر كما لو كنت تقوم بنقل الملفات بين السواقات المختلفة في جهازك الكمبيوتر. 


ونشر موقع الويب عملية في غاية السهولة إذا استخدمت فرونت بيج. كل ما 
تفعله هو أن تحدد الموقع الذي تريد نشره ثم تحدد الموقع الذي تريد أن يتم عليه 
النشر. أما فرونت بيجء فيتولى القيام بكل هذا. لكن قبل الإقدام على نشر موقع 
الويب الخاص بكء ثمة مهام قليلة ينبغي عليك القيام بها 


و ا و ا ا ت 
بمكنك الاستعانة بهاء» حيث تعمل معظم هذه البرامج بصورة مرضية وجيدة. 


ثانياء ينبغي أن تتأكد من توافر كافة حقوق الأمان والوصول الضرورية. هذه 
الحقوق تتيح لك إنشاء ونسخ ملفاتك إلى خادم الويب. في هذا الشأن » توفر عادة 
أجهزة خادم الويب للمستخدمين ما يسمى بالوصول " للقراءة فقط " 1620-01137. 
هذا النوع من الوصول يتيح للمستعرضين عرض الملفات الموجودة على الخادم 
دون إدخال أي تغييرات عليها. ولكي تنشر موقع الويب الذي صممته على الخاد 
ستحتاج إلى الحقوق التي تمنحك حق القراءة والكتابة والإنشاء والحذف داخل مجلد 
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موقعك الموجود على الخادم. ومدير الخادم هو المسئول عن منحك حقوق الوصول 
السليمة » الأمر الذي يسمح لك بنشر عملك على الخادم. 


ثالثاء ينبغي أن تتأكد من أن خادم الويب الذي تنوي النشر عليه يدعم خدمة 
۴۶ لإرسال وربط ملفاتك بالخادم الذي قررت التعامل معه. وطالما أن هذا 
الخادم يدعم خدمة 1"12, فلن تحتاج إلى إجراء أي تغييرات أو إعدادات في 
فرونت بيج لكي تنشر مواقع الويب الخاصة بك. 


إرسال موقع الويب إلى الخادم : 
لنشر موقعك کا خادم الويب : 
| حدد وافتح موقع الويب الذي تريد نشره . 


2- من قائمة 1316 اختر أمر 7765 1115م لتفتح مربع حوار طءl1اubم‏ 
Web‏ 

3- في مربع نص 17111155 1211 06561226101 ٠‏ اکتب عنوان URL‏ 
الخاص بخادم الويب الذي ستنشر عليه موقعك . تستطيع أن تحدد في هذا المربع 
بروتوکول H۲۲۴‏ أو ۴1۴ . إذا كنت - على سبيل المثال - ستنشر على أحد 
أجهزة خادم الويب في مجال 813:.0017م0012© My‏ » فلك أن تكتب عنوان 
11لا بهذا الشكل: 


ftp://ftp.mycompany.com gyi http://www.mycompany.com 
طبعاً حتى تكتب 110 يجب أن يكون الخادم عندك يدعم فرونت بيج أما إذا لم‎ 
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طبعاً سيطلب منك كتابة اسم المستخدم + كلمة المرور وهاتان الكلمتان تحصل 
عليهما من الخادم المضيف . 


Fublish Destination 03 


Enter publish destination: 


EBrFOWSE,,,‏ ج 


Example: hEEp:ffsarmple,rmicrosaft, com 


IF Yol do nat haYe a Web hosting service, Find one that supports 
FrontPage bY sing the Web Presence Provider search page. 


lick here to learn more. 


| ست 


4- انقر زر طك1اطنم لتبداً إرسال موقعك إلى الخادم . 





5- بحسب حجم موقع الويب الذي تقوم بنشره وسرعة الاتصال بالخادم » قد 
تستغرق عملية النشر ما يتراوح بين بضع ثوان وبضع دقائق عندما ينتهي فرونت 


6- سوف يظهر عند الانتهاء وصلة لمعاينة الموقع الذي تم نشره » انقر 
lرتبlږط .published web site‏ 


7- انقر زر 007٩‏ لإغلاق مربع وار .publish web‏ 
مهام إدارة موقع الويب: 


باستخدام فرونت بيج لتعديل موقعك » لن تضطر إلى تذكر المجلد الذي 
وضعت فيه أحد الملفات . إذ يتولى فرونت بيج القيام بهذه المهمة نيابة عنك . كما 
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يتمتع فرونت بيج بقدر من الذكاء بما يكفي للتمييز بين الملفات التي قمت بتعديلها 
وتلك التى قمت بإضافتها منذ آخر عملية نشر قمت بها . 


1- تأكد من أن الموقع الذي تريد تحديثه قد تم فتحه . 


2- من قائمة 1116 » اختر أمر 0 0011551 لتفتح مربع حوار 
publish web‏ . 


3- في مربع نص 17111155 1211 06561226101 ٠»‏ اکتب عنوان URL‏ 
الخاص بخادم الويب الذي نشرت عليه موقعك . تأكد بعد ذلك من تحديد مربع 
llعںnة only publish changed pages‏ . 


4- انقر زر كانم لبدء إرسال الصفحات الجديدة و/ أو المحدثة إلى 
الخادم . يتمتع فرونت بيج بذكاء يجعله يقارن بين موقع الويب المنشور وبين 
الموقع الموجود على جهازك » ثم يقوم بإرسال الصفحات الجديدة أو التي طرأ 


للحصول على تقارير عن موقع الويب : 
2 افتح موقع الويب الذي تريد أن تحصل على تقرير عنه. 


ر بهن شريط 677 ۰ انقر رمز 170115 سيظهر بعد ثوان على الشاشة 
تقرير يضم معلومات عن الموقع الذي فتحته. 
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size |j Description 





All Filas in thE cJ 


Picture Files in tH 
Fils in the curre 
Fils in the curre 
Pages in thE للكت‎ 
Files in the curre 
Files in the curre 
All hyperlinks in t 
Hyperlinks pointi 
Hyperlinks pointi 
Hyperlinks pointi 
Hyperlinks pointi 
Files in the curre 
Tasks in the curr 
Themes in the cL 


bAUREB 
6ے‎ 
tSSEB 
EB 
1 33B 
الا‎ 


”م ك 


شرح برنامج ١775_1107‏ 


وى 


مقدمة: 


ناكما 





ك1 الاك عااذخ 
lame‏ 

5 الا انا لعفم 
lak Unlinked Files‏ 
lg, Linked Files‏ 
E alow pages‏ 
E lder Files‏ 





E Recently added fi... 


2 Hyperlinks 


f نكن زمرك بلا‎ hyperli,.. 


Broken hyperlinks‏ دي 
External hyperlinks‏ وجا 
Internal hyperlinks‏ ا 
Component errors‏ 1 
Ê Lncomplekted tasks‏ 
Î Unused themes‏ 





Folders 


1 


Reports 





Navigation 


Êh 


Hyperlinks 


الاتصال مع موقعك: 


واسم المستخدم وهذه العملية تتم بسهولة تامة . 


عند فتح البرنامج سوف تظهر لك هذه النافدة : 


Session LE: 





1- ضع هنا طا موقعك. 

في الغالب يكون كالتالي: 

ftp.sitename.com 

قم بمراسلة الشركة المستضيفة لموقعك لمزيد من التفاصيل. 
2- ضع هنا اسم المستخدم لموقعك. 

3- ضع هنا كلمة المرور لموقعك. 

4- استخدم هذا الخيار لحفظ كلمة المرور . 

قم بالضغط عل زر 0K‏ بعد التعبئة البيانات. 


سوف يبدأ البرنامج الآن بالاتصال مع الموقع» انتظر بعض الوقت إلى أن 
تظهر لك ملفات موقعك. 
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نكل الملفات : 


ملاحظة مهمة جداً : نشر الملفات يجب أن يتم إلى المجلد اصاط_1cاbاuم‏ 


وليس على الجذر الرئيسي » أي جميع ملفات الموقع يجب أن تكون ضمن هذا 
ليحك 


بعد أن تكون قد أنهيت الاتصال مع موقعك» تظهر لك ملفات موقعك إلى يمين 


1- هنا توجد ملفات جهازك والتي سوف تقوم بتحميلها إلى موقعك . 


3- يستخدم هذا الزر لنقل أي ملف من موقعك إلى جهازك بعد أن تكون قمت 
بتعيين الملف أو الملفات التي ترغب بنقلها ثم الضغط عليه. 


4- يستخدم هذا الزر لنقل أي ملف من جهازك إلى موقعك بعد أن تكون قمت 
بتعيين الملف أو الملفات التي ترغب بنقلها ثم الضغط عليه. 


الأزرار : 
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والآن لابد أنك ترغب في معرفة فائدة القائمة الموجودة إلى 
يمين البرنامج» أنظر الصورة في الجانب» ثم اقرأ الشرح الموضح 


1- يستخدم هذا الزر لصنع مجلد جديد ويتم ذلك عن طريق 
الضغط على هذا الزر ثم تفتح لك نافذة قم بكتابة اسم المجلد 
الذي تريك إتشاءه. ».ثم إضبغط على :زر "6016" .د وهكذا تكون قد 
انشابة المهلد: 


2- يستخدم هذا الزر لتغيير اسم مجلد أو ملف أو صورة إلى 
الاسم الذي ترغب به ويتم ذلك عن طريق تعيين الملف الذي 
ترغب بتغيير اسمه ثم الضغط عل هذا الزر وكتابة الاسم الجديد 
للمجلد أو الملف أو الصورة. 


ذلك عن طريق تعيين الملف الذي ترغب بحذفه ثم الضغط عل 
هذا الزر. 

4- يستخدم هذا الزر لتحديث صفحات الموقع ويتم ذلك فقط 
بالنقر على هذا الزر. 










معام 1 


قمع ا 
عاعاع نا 3 
طعمام ده 
Dirlnta‏ 


ملاحظة: توجد قائمة أخرى في يسار البرنامج وهي تقوم بنفس المهام التي تقوم 
A TE‏ 


كيفية التحكم بملف نرغب بنقله : 


1- قم بتعيين الملف الذي سوف نضع نوع الخاصية له. 
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2- اختر نوع الخاصية التي سوف تقوم بنقله بها حسب نوعه كما هو مبين في 
الأعلى. 


كد سس ار ول املد دي كو 0 
1- من موقعك إلى جهازك: 

El 

2- من جهازك إلى موقعك: 


|د 
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الفصل الرابع عشر 
التصميم والإبداع 


الفصل الرابع عشر: الإبداع والتصميم 


التصميم الجيد يحتاج إلى الإبداع والتجديدء وكثيراً ما نسمع المصطلح 
(ea1veا€))»‏ والإبداع في التصميم يمك ر کا ل عملية ذهنية يتحكم فيها 
العقل في بوتقة واحدة مع التجارب العملية السابقة. 


كل الابتكارات والاختراعات في تاريخ البشرية جاءت كنتيجة للتفكير الخلاق» 
وگل لتقام المشتهورة فق العا مرت اادد و الإا ع ذا فد ظلت :فف 


لقد لاحظت أن بعض المصممين يتخبطون في أمر صعب للغاية ألا وهو 
التصميم الإعلاني المبدع؛ يظن هؤلاء أن مجرد معالجة صورة معينة عن طريق 
إضافة بعض المؤثرات الجاهزة عليها مع وضع بعض النصوص هنا وهناك» يمكن 
أن يعطينا تصميماً ناجحاء وهم أبعد ما يكون عن موضوع الإبداع. 


عملية التصميمء ليست بالأمر السهل أبداء لأنها عملية مزاجية من ناحية؛ 
وعملية مرتبطة بمفاهيم فلسفية واثار نفسية صريحة من ناحية» وعملية مرتبطة 


بقواعد فنية من ناحية أخرى. 


دعنا نفهم هذا الكلام: تصور أنك تصمم منشور دعائي (لجريدة ما) عن 
مشروب مرطب؛ جرب ثم جرب ثم جرب» حتى تصاب بإحباط كبير!! يا إلهي. 
هل يعقل هذا؟ أنا عاجز تماماً عن فعل شيء. وفجأة تقدح في ذهنك فكرة مبدعة 
وخلاقة عن تصميم رائع» وتبدأ العمل بحماس كي تنجز التصميم» وبعد جهد كبير 
تنجح بإنجاز تصميم رائع بكل معنى الكلمة»ء وتسرع لتقديم التصميم» للجهة 
المستفيدة منه» وهنا تتعرض للصدمة» تصميمك مرفوض تماماً!!! ثم يأتي مصمم 
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آخرء لم يفعل شيء يذكر مقارنة بما فعلته أنت» ومع هذا ترى الجهة المستفيدة 
تطير فرحا بما فعله! فما الذي حصل؟ 


(1 


صاحب القرار لدى الجهة المستفيدة» لم يرق له تصميمك. إنه المزاج؛ 
واحدة من المشاكل التي غالباً ما تواجه المصمم» هو تعامله مع أشخاص 
لا يفقهون شيئاً عن عالم الدعاية والإعلان. ولكنهم أصحاب القرار النهائي. 
عليك أن تتعلم كيف تتعايش مع هذا. 

لنفرض أن صاحب القرار هو شخص مبدع وذو خبرة في مجال الدعاية 
والإعلان» ولكن» نحن نتحدث عن مشروب مرطب مثل 'بيبسي» وكل 
الناس تعرف هذا المشروب وذاقوا طعمه» فما هذا التصميم الذي جتثتنا به؟ 
نحن نريد تصميم يذكر الناس بالعطش» وليس تصميم نقول فيه أن هناك 
شيء اسمه البيبسي! هل فهمت الآن؟ إنه الأثر النفسي للصورة. المطلوب 
هو حث الناس على شراء هذا المنتج» عن طريق تذكيرهم بنقيضه وهو 
العطش (وهذا مجرد مثال بسيط). 

التأثير النفسي للصورة أمر غريب ويصعب إخضاعه لقواعد محددة» ولكن 
دعونا نتحدث ونتجاذب الحديث قليلآ عن هذا الأمر. فكر معي جيداء ماذا 
يجب أن نفعل إذا كنا نريد أن نصمم دعاية عن عطر رجالي معين. ألا 
تعتقد أن الأشياء تبدو أوضح مع نقائضها؟ صورة خلفية هي عبارة عن 
كتلة هائلة من القمامة» وأمام هذه الكتلة رجل بملابس عادية نظيفة (دون 
إظهار ملامح هذا الرجل بشكل صارخ)» وتبدو في واجهة الصورة كلها 
سيدة باهرة الجمال مغمضة العينين» وتنظر نحو الأعلى قليلاء وتبتسم 
ابتسامة خفيفة (ملامح السيدة هذه يجب أن تكون واضحة بشكل صارخ)؛ 
وفي أسفل الإعلان ذكر لاسم العطرء بدون إظهار صورة قارورة العطر. 
فكر أنك ترى مثل هذا التصميم في مجلة أو كإعلان كبير في أحد الطرق: 
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إن كان هذا التركيب الغريب يجعلك تضحك من قلبكء فقد نجح التصميمء 
وكان الأمر مبدعاً. مجرد حث الناظر على الضحك (ومن ثم التفكير قسراًء 
يعني غصباً عنه) يجعل من التصميم ناجحاً. 

من المعروف في عالم الإعلان أن هناك شئ اسمه "الحث البصري"» وشئ 
اسمه "الحث الذهني". وشئ اسمه الفراغ؛ وشئ اسمه المبالغة» وهذه 
عناصر مهمة للغاية في توليد التأثير النفسي الفعال للتصميم الإعلاني 
الناجح. 

من أوجه الحث البصري استخدام التباين اللوني الصارخ (أبيض مع أسودء 
أزرق قاني مع أصفر صارخ» أبيض مع أحمر قاني» ...الخ)؛ هذا الأمر 
تشتد أهميته مع التصميم الذي يتكون فقط من نص. ومن أوخة الحت 
البصري أيضاً استخدام اللون مع الصورة غير الملونة. متلاً: دعاية عن 
عدسات لاصقة ملونة» أقول وبكل بساطة: صورة غير ملونة لشخص (رجل 
أو امرأة لا يهم). ولكن العينين ملونتين (يفضل أزرق أو أخضر)» هو 
التصميم الناجح في هذه الحالة. 

من أوجه الحث الذهني هو المثال الذي ذكرناه سابقاً عن تصميم دعاية 
لعطر رجاليء أي استخدام عنصر النقيض. ومن أوجه الحث الذهني» هو 
استخدام عبارات تجبر الناظر على التفكير. 

الفراغ أمر مهم للغاية في جذب انتباه الناظر وتحقيق عنصر الأناقة في 
التصميم. ولكي لا يطول الحديث جرب أن تنظر لكثير من التصاميم في 
كثير من الإعلانات في المجلات الأجنبية» وستدرك أهمية وجود الفراغ في 
التصميم. لق لاحت أن الكت هن المصفمية يمتفوة يشدة يمشالة تراك 
الصور فوق بعضهاء مع أن هذا الأمر منفر للغاية وضد عنصر الأناقة 
في التصميم. 

المبالغة أيضاً تلعب دوراً مهما في توليد الأثر النفسي. وهي قد تكون نتيجة 
وجود صورة معينة أو عبارة ما في التصميم. فتصميم عن منتج وقود 
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سيارات يستخدم عبارة من متل (إنه أكثر بكثير من مجرد وقود)» قد يجعل 
الناظر يغضب» فماذا يكون إذن؟ لاحظ هنا مرة أخرى الناظر يتفاعل مع 
الإعلان» ولهذا كان التصميم ناجحاً. إنها المبالغة في المعنى. 

كما ذكرنا سابقاًء أحد أهم عناصر التصميم المبدع هو التعامل مع 
النصوص بشكل صحيح., هناك شيء اسمه الخطوط المقروءة» الخطوط 
المقروءة هي الخطوط التي يسهل على عين الناظر قراءتهاء بمجرد أن 
تخطف أمام عينيه» دون الحاجة للتركيز على أشكال الحروف. ولهذا أقول 
إن استخدام خطوط غير قياسية أو ذات تراكيب فنية ومنحنيات معقدة: 
تبر خط كنيرا في التصسمية الأغلاني الفبدع: :هذا من اتاكية» ميق ذاكية 
ثانية» نلاحظ أن البعض يلجأ لاستخدام أكثر من نوعي خط في تصميم 
واحدء وهذا خطأ آخر. جرب أن تدرس تصاميم الإعلانات في المجالات 
الأجنبية بعناية» ستلاحظ أن كل الإعلان يتكون من نوع خط واحد أو اثنين 
على أكثر تقديرء والفرق هو في حجم الخط ليس إلا. هناك تصاميم 
تستخدم خمس أو ست أنواع من الخطوط. 

مشكلة الخط العربي: يشعر البعض أن الخط العربي هو خط غير إعلاني؛ 
والتصاميم التي تتضمن نص إنكليزي تكون أكثر أناقة من التصاميم ذات 
النصوص العربية» وهذا تصور خاطيء تمامآء لا علاقة للغة بالأناقة. 
والخط العربي أكثر الخطوط أناقة على الإطلاق. المشكلة تكمن في أن 
المصميم يستخدمون خطوط عربية غير مقروءة» ويصرون على أن 
يستخدموا أكثر من نوعي خط في التصميم الواحد» كما أنهم لا يقيمون وزنا 
لأهمية الفراغ في التصميم. وكنصيحة للقاريء الكريم أرى أن يجربوا 
استخدام الخطوط القياسية ذات المتن الرفيع في النصوص الطويلة؛ 
والخطوط القياسية ذات المتن العريض في العناوين» دون مؤثرات مثل 


الظل أو التجسيم. 
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يجب عليك كمصمم أن تفهم حقيقة مؤكدة» وهي أن القارئ كسول دائما. 
القارئ لا يحب أن يقرأ أكثر من خمسة عشر كلمة (كأقصى حد) في 
إعلان ما. وهذا الأمر له أهمية كبيرة» على سبيل المثال: إعلان عن هاتف 
خلوي جديد» العبارات الرئيسية في هذا الإعلان هي (عالم بالألوان) و 
(نوكيا) وهي ماركة الهاتف» وهناك نص طويل عبارة عن نقاط تتضمن 
المميزات الفنية والتقنية لهذا الهاتف. التصميم الصحيح» هو أن تكون كل 
من عبارة (عالم بالألوان) و (نوكيا) التي هي ماركة الجهاز مكتوبتين بخط 
واضح وكبير. أما التفاصيل فتكتب بخط صغير وتوضع في أحد جوانب 
الإعلان في الجهة السفلى. كما قلت القارئ كسول» وهو لن يقرأ التفاصيلء 
المختص هو الذي سيهتم بقراءة هذه التفاصيل» وهذا الشخص ليس من 
المهم إغراؤه بعبارة من مثل (عالم بالألوان)» لأنه مهتم بالتفاصيل التقنية 
أكثر من الصفة الكمالية في الهاتف باعتباره هاتف ملون» ومعنى هذا إنه 
لادان مق كناكها نخدا سياير gE E E‏ 
سنفرط بموضوع الفراغ الأمر الذي يجعل من التصميم غير أنيق بالمره. 

في الإعلانات التي يتم وضعها في الطرق» يجب أن لا يزيد عدد الكلمات 
فيها عن عشر كلمات» فراكب السيارة التي تنطلق بسرعة 120 كيلومتر 
في الساعة لن يكون قادراً على قراءة عشرين أو ثلاثين كلمة» ناهيك عن 
الاق اي دو ااا وخر اة قي اط ور مه اه 
عشرين أو ثلاثين كلمة. وكملاحظة مهمة يجب عدم وضع معلومات في 
الإعلان الطرقي يتطلب كتابتها على ورقة من قبل الناظرء مثل رقم الهاتف 
أو الفاكس أو البريد الإلكتروني. 

إن عالم الإعلان يمتليء بجملة 'حمله إعلانية". في حقيقة الأمر إن عملية 
الترويج لمنتج معين (وخصوصاً إن كان منتجاأً جديداً وغير معروف من 
قبل الناس)» لا تصح أن تكون عن طريق تصميم إعلاني واحد» بل عن 
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طريق حملة تتضمن عدة تصاميم تنشر في نفس الوقت او فى اوقات 
ختلفة. 


تلك كانت أهم النصائح التي ستفيد المصمم في عملية الإبداع في التصميم؛ 
وكما ذكرت سابقاً أن الإبداع عملية ذهنية» لذا فقد قمت في السطور التالية بإيجاز 
الطرق العملية لتصفية الذهن وحفز العقل على إنتاج أفكار خلاقة من شأنها أن 
تجعل المصمم الجرافيكي من أهم عناصر المجتمع: 


٠‏ استمع إلى الموسيقى الهادئة والكلاسيكية التي تعمل عمل الفلتر في الدماغ 
فتجعله صافيا ومهيأ لعملية التفكير. 

حاول حمل كتاب ملاحظات صغير في جيبك معظم الوقت لتسجيل 
ملاحظات حول فكرة معينة قد تتكون لديك وأنت في محطة الباصات أو 
في محل لبيع الملابس... فيما بعد ستكتشف أن %90 من هذه 
الملاحظات هي مجرد أفكار ضعيفة ولكن من المؤكد أن %10 منها هي 
أفكار جيدة. 

ه إذا لم تكن لديك فكرة معينة وطلب منك تصميم إعلان معين حاول أن 
تفتح القاموس وبشكل عشوائي اختر أي كلمة وحاول استنباط الأفكار من 
المعاني التي تعطيها هذه الكلمة» فهذه الطريقة قد تجعلك تتذكر الكثير من 
الأفكار. 

. تشريح المشكلة وتعريفها وكتابة جميع الملاحظات المتعلقة بهاء بذلك يمكن 
أن تتكون لديك الأفكار الجيدة لحل المشكلة. 

إذا لم تستطع التفكير» قم بنزهة قصيرة» فالتغيير في الأجواء قد يساعد 
الدماغ على استعادة نشاطه. 

٠‏ حاول التقليل من مشاهدة التلفاز» إذ أن الكثير من علماء النفس أظهروا 
في دراساتهم أن مشاهدة التلفاز قد تتسبب في بطء التفكير. 

٠‏ ابتعد عن تناول الأدوية المخدرة أو تلك التي تسبب بالنعاس. 
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« القراءة مفيدة جداً في تنمية النشاط الذهني» فالكتب تختبر الدماغ وتفتح 
خلايا المخ» وتساعد على تكوين الإلهام لدى المصمم لدرجة انه يحمصل 
على الكثير من الأفكار الخلاقة فقط عن طريق النظر إلى الناس في 
الشارع أو إلى السماء أو حركة المرور.. 
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الخاتمة 
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الخاتمة: 

عندما يبدأ المصمم في إنشاء تصميمه فإنه يضع في ذهنه اعتبارات أساسية 
مهمة لنجاح التصميمء وهذه الاعتبارات هي: الوحدة والإيقاع والاتزان والتناسب 
والسيادة؛ فالوحدة مهمة في التصميم من خلال نجاح المصمم في تحقيق اعتبارين 
أساسيين: الأول علاقة أجزاء التصميم ببعضها البعضء والثاني: علاقة كل جزء 
منها بالكل؛ فالارتباك والتشتت والهرجلة أضداد للوحدة» ونحن لا نستطيع أن نتحمل 
التشتت في فننا لأننا لا نستطيع أن نتحمله في أفكارنا وحياتنا. 


ولا تعني الوحدة التشابه بين كل أجزاء التصميم» بل يمكن أن يكون هناك كثير 
من الاختلاف بينهاء ولكن يجب أن تتجمع هذه الأجزاء معاً فتصبح كلا متماسكاً. 
وأعتقد أنك كمصمم تستطيع أن تحس بوجود الوحدة أو بانعدامها إذا نظرت إلى أي 


يجب أن يعي المصمم علاقة الجزء بالجزءء والتي يقصد بها الأجزاء والأشكال 
والألوان والخطوط والقيم السطحية» وعلاقة الجزء بالجزء معناها الأسلوب الذي 
يتآلف فيه كل جزء من التصميم بالآخر لخلق إحساس بالصلة المستمرة بين هذه 
الأجزاء وتأكيد امتلائه» ومن الممكن أن يدعم الفنان الوحدة والاستمرار بين أجزاء 
التصميم بمراعاة المساحات الموجبة والسالبة والمساواة بينها في الأهمية» فيبدأ في 
تصميمه بالمساحة السالبة - الفراغات الأرضية - ولذلك يركز المصمم الماهر 
انتباهه على الفراغات الواقعة بين الأشكال ويحاول أن يجعلها سارة ممتعة فيما 
بينهاء ويستطيع أن يحقق من حسن معالجة هذه المساحات السالبة والفراغات 
معالجة صحيحة إذا نظر إلى التصميم متخيلا الأشكال المعتمة مضيئة والأشكال 
المضيئة معتمة» كما يجب عليه أن يركز على الفراغات ويجعلها أجزاء متكاملة في 
التصميم؛ هذا أمر صعب التنفيذ لأن الأشكال في تحريكها عبر التصميم أو حوله 
على علاقات متكاملة بين الأشكال والأحجام والألوان والقيم السطحيةء لأن كل 
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مساحة تتطلب مساحة خاصة تجاوزها بغض النظر عما يمليه موضوع التصميم» 
لأن المصمم حر كل الحرية في تناول الموضوع من أي جانب بما يتفق واحساسه 
وبما يحقق وحدة التصميم. كما ينبغي أن تشد تغيرات القيم والحجوم والأشكال 
سلبية كانت أو موجبة انتباه الرائي بشرط أن يتناسب بعضها مع البعض الآخر 
بدرجة تحفظ الصلة بين أجزاء الشكل. 


أما بالنسبة لعلاقة الجزء بالكل» فأنا أعتقد أن علاقة الجزء بالكل هي الأسلوب 
الذي يصل بين كل جزء على حده والشكل العام» ولهذه العلاقة أهمية كبرى؛ فلا 
قيمة للعلاقات الحسنة بين أجزاء التصميم بعضها بالبعض الآخر إذا لم تتوافق هذه 
الأجزاء مع المساحة الكلية التي تشغلها؛ الآن النتيجة حينئذ سوف تكون غير 
مرضيةء ولذلك يجب أن يستبعد المصمم كل جزء من التصميم يراه غير منسق 
داخل الشكل العام. 


يستطيع بترديد الخطوط الأساسية المكونة للمساحة أن يشكل السمة الفنية» بحيث 
تبدو فكانها جزء من هذه المساحة. 


يتميز التصميم بجوهريتين أساسيتين هما: الوحدة والتنوع» فلا وجود للموضوع 
ولا كيان للتصميم بغير وحدة مهما كانت أجزاؤه ممتعة كل على حده. إننا نحس 
بالكابة والضيق إذا فقد التصميم التنوع» ونكره أن يكون العمل الفني باعثا على 
الضيق والكآبةء أما الوحدة فتنشأ نتيجة الإحساس بالكمال» وينبعث الكمال عن 


كينا ن ا غ 


كما يمكن أن تتحقق الوحدة بسهولة عن طريق تكرار الشكل أو اللون أو الخط 
أو القيم السطحية» فالتكرار البسيط للشكل أو لأي وحدة أخرى سريعا ما يحد بين 
السطح ولا يفقد الرائي إحساسه بوحدة التصميم إذا تنوعت هذه الأشكال كثيراء ولا 
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يمل الترابط الذي يتحقق عن طريق التكرار المنتظم إلا نادراًء لأن تكرار الأشكال 
المشتقة من التصميم الأساسي تعطي إحساسا بوحدة الكل سواء كانت الأشكال 
بسب سبطة أو معقدة. 


لا يستلزم التنوع قدرا كبيرا من تغيير الوحدات» فالبساطة والتنوع غير متضادين 
ولذلك تجذب الأقمشة المخططة العادية اهتمامنا بما فيها من تنوع بين الخطوط:. 
واذا أحس المصمم بحاجة إلى التنوع استطاع صنع المزيد منه بسهولة وبغير أن 
يفقد وحدة التصميم» وذلك بمجرد تغيير في مساحة بعض وحدات الشكل أو أبعادها 
أو لونها أو قيمتها السطحية»ء ويلاحظ أن التغيرات المنتظمة أو غير المنتظمة 


تكسب التكرار الأساسي تنوعا محبوبا. 


ويحاول المصممون المهرة تحقيق التنوع بمثل هذه الطرق البسيطة ولذلك تتكون 
أغلب التصميمات من تكرار بعض الأشكال الهامة كالشرائطء ثم ترتب الوحدات 
الهندسية أو موضوعات التصميم على سياقهاء وكثيرا ما يتميز تركيب هذه 
التصميمات الممتازة بجرأة وصراحة؛ كما أن فاعلية التكرار تنبه المصمم ألا يكون 
تكراراً على نمط واحد. 


علاقة اللون في التكوين تعتمد على التنوع في الوحدة» ويجب علينا أن نعرف 
طريقة تحقيق الوحدة بين الألوان المتعددة» وهذه تعتبر من المسائل التي يمكن حلها 
عن طريق تطبيق مجموعة من القواعد الموضوعة؛ فإحساس المصمم بانسجام 
اللون في التصميم هو العامل الرئيسي الموجه للمصممء ويرجع السبب في ذلك 
إلى أن الإدراك الحسي باللون وانفعالاته ينطوي على عملية ذاتية؛ ولذلك فوظيفة 
القواعد هي التنبيه والتوجيه إلى مزيد من الحساسية والتجريب. 


وهناك عوامل تربط بين الألوان والتكرار واحدة من هذه العوام فإذا نظرت إلى 
بعض الأعمال الممتازة تجد الألوان مكررة في أجزاء مختلفة من العمل الفني وهو 
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من اسلم الطرق لتوحيد التنظيم اللوني وتحدث الوحدة بين الألوان أيضا عن طريق 
استخدام ألوان متقاربة بدلا من تكرار اللون ذاته» وفي هذه الحالة يقوم عامل 
التغيير بدور التنوع والربط في نفس الوقت» وهناك عامل إدراكي في نفس الإنسان 
يساعد على تنظيم الألوان وهو عامل التتابع الذاتي» فاللون الأصفر مكانه بين 
البرتقالي والأخضر وذلك من حيث قيمة اللون أو قوة استضاءته. 


في الختام لا يجب على المصمم أن بذ ينسى أمراً ضرورياً؛ وهو أن التصميم مرآة 
يعكس فيها المصمم انفعالاته الشخصية» وأن التصميم في جوهره فن راقي» بل إن 
الفن بجميع أشكاله يعتمد على التصميم. 


** إنتهى بعون الله ** 
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قائمة المحتويات: 


الإهداء 

مقدمة 

الفصل الأول: تاريخ التصميم الجرافيكي 

الفصل الثاني: أهم حركات تطور التصميم الجرافيكي 
أولا: حركة الفنون ,lقحرزک (Arts & Crafts movement)‏ 
ثانياً: 501 ء12 
ثالثاً: ڊبlھlو (Bauhaus)‏ 
رابعاً: (Swiss Design) International Typographic‏ 
ا مدرسة نيويورك 


تاريخ تصميم الشعارات وهويات الشركات ) Logos & Corporate‏ 


(Identity 

الفصل الثالث: ماهية التصميم الجرافيكي 
ما هو التصميم 
أهمية التصميم الجرافيكي 


التصميم وعلاقته بالطبيعة والحياة 
التصميم والقانون الطبيعي للنمو 
التصميم والحياة 
أسس التصميم الجرافيكي 
طرق التصميم 
الفصل الرابع: التصميم وخطوط الطباعة (12713ع0م17) 
أشكال خطوط الطباعة (وعع0]ءم13) 
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عائلات خطوط llطبlعة (Typefaces Families)‏ 
تصنيفات خطوط الطباعة (Typefaces Classifications)‏ 
صت llخط (Typeface measurement)‏ 
الفصل الخامس: التصميم التزييني (:11111511:261012) 
اة لر الا 
الخط العربي 
الفصل السادس: القياسات في التصميم 
الفصل السابع: الألوان 


نظرية الألوان 

فياساة الان 

أنظمة ألوان الكمبيوتر المستخدمة في التصميم الجرافيكي 
النماذج اللونية 

الأنظمة اللونية 


القنوات اglنية (Color Channels)‏ 
المدى اللوني (Color gamut)‏ 
ألوان النقط والألوان المستمرة ) Spot Colors & Process‏ 
(Colors‏ 
التأثير النفسي للألوان 
الفصل الثامن: أنواع المطبوعات 
أنواع الطباعة 
أنواع المطبوعات 
أولاً: أوراق القرطاسية (/5]30100215) 
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ثانيا: المنشورات الإعلانية والتعريفية 
ثالثاً : العلب الاستهلاكية (ع128ع83) 
رابعاً: اللوحات الإعلانية كبيرة الحجم 
الفصل التاسع: أنواع الصور وخصائصها 
ضغط الصور (00101655100)) 
فاق شفط الصبوو: التنائهة الاستعمال: فى ببرامنع التصيميه 
الفصل العاشر: الإخراج الفني للصحف والمجلات ( 1025160 
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قواعد الإخراج الفني 
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مهارات كتابة العناوين الرئيسية (11620112©5]) 
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فصل الألوان (Colors Separation)‏ 
ا ا ا ار اع 
الك اا ا ع ا عاك 
الفصل الحادي عشر: أسس نجاح التصميم 
الشروط الواجب توفرها لنجاح التصميم 
فنيات جذب المشاهدين للإعلانات 
الفصل الثاني عشر: برامج الكمبيوتر والتصميم 
مض احا ف ميق فى يرامع التضيعيد 
برامج التصميم 


(Adobe Photoshop) بgشوتg أولاً: دوب‎ 
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ثانياً: أدو ب إلليستريتر (Adobe 11lustrator)‏ 
ثالثاً : كورل درو (1[0(2350ءع001)) 

الفصل الثالث عشر: تصميم صفحات الانترنت 
لمحة تاريخية عن الإنترنت 
ما هي أهم المتطلبات للوصول بشبكة الإنترنت 
ما هي أهم البروتوكولات المستخدمة في الإنترنت 
لمحة تاريخية عن تصميم مواقع الانترنت 
متطلبات تشغيل مواقع الانترنت 
الية عمل المتصفح 817015617 في إظهار الصفحات (الموقع) 
مقدمة في HTML J‏ 
تصميم المواقع باستخدام فرونت بيج 

الخاتمة 
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